#202384 - #BFBFDB | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #202384 to #BFBFDB

#202384 #BFBFDB

Calculate the color between two colors, #202384 and #BFBFDB. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#202384 - #BFBFDB | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #202384 as 0% and #BFBFDB as 100%.

0.0%	0.0% #202384	RGB 32 35 132	#202384
16.7%	16.7% #3A3D92	RGB 58 61 146	#3A3D92
33.3%	33.3% #5557A1	RGB 85 87 161	#5557A1
50.0%	50.0% #6F71AF	RGB 111 113 175	#6F71AF
66.7%	66.7% #8A8BBE	RGB 138 139 190	#8A8BBE
83.3%	83.3% #A4A5CC	RGB 164 165 204	#A4A5CC
100.0%	100.0% #BFBFDB	RGB 191 191 219	#BFBFDB

#202384 #3A3D92 #5557A1 #6F71AF #8A8BBE #A4A5CC #BFBFDB

#202384 - #BFBFDB

HSV Blend

#202384 - #BFBFDB | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #202384 as 0% and #BFBFDB as 100%.

0.0%	0.0% #202284	RGB 32 34 132	#202284
16.7%	16.7% #323592	RGB 50 53 146	#323592
33.3%	33.3% #484AA1	RGB 72 74 161	#484AA1
50.0%	50.0% #6162AF	RGB 97 98 175	#6162AF
66.7%	66.7% #7D7EBE	RGB 125 126 190	#7D7EBE
83.3%	83.3% #9C9DCC	RGB 156 157 204	#9C9DCC
100.0%	100.0% #BFBFDB	RGB 191 191 219	#BFBFDB

#202284 #323592 #484AA1 #6162AF #7D7EBE #9C9DCC #BFBFDB

#202384 - #6162AF - #BFBFDB

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #202384 0%, #BFBFDB 100%);
    background: -webkit-linear-gradient(top, #202384 0%, #BFBFDB 100%);
    background: linear-gradient(to bottom, #202384 0%, #BFBFDB 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202284 0%, #6162AF 50%, #BFBFDB 100%);
    background: -webkit-linear-gradient(top, #202284 0%, #6162AF 50%, #BFBFDB 100%);
    background: linear-gradient(to bottom, #202284 0%, #6162AF 50%, #BFBFDB 100%);
}
</style>