#211650 - #BFBCCD | 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 #211650 to #BFBCCD

#211650 #BFBCCD

Calculate the color between two colors, #211650 and #BFBCCD. 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)

#211650 - #BFBCCD | 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 #211650 as 0% and #BFBCCD as 100%.

0.0%	0.0% #211650	RGB 33 22 80	#211650
16.7%	16.7% #3B3164	RGB 59 49 100	#3B3164
33.3%	33.3% #554D79	RGB 85 77 121	#554D79
50.0%	50.0% #70698E	RGB 112 105 142	#70698E
66.7%	66.7% #8A84A3	RGB 138 132 163	#8A84A3
83.3%	83.3% #A4A0B8	RGB 164 160 184	#A4A0B8
100.0%	100.0% #BFBCCD	RGB 191 188 205	#BFBCCD

#211650 #3B3164 #554D79 #70698E #8A84A3 #A4A0B8 #BFBCCD

#211650 - #BFBCCD

HSV Blend

#211650 - #BFBCCD | 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 #211650 as 0% and #BFBCCD as 100%.

0.0%	0.0% #211550	RGB 33 21 80	#211550
16.7%	16.7% #322664	RGB 50 38 100	#322664
33.3%	33.3% #473B79	RGB 71 59 121	#473B79
50.0%	50.0% #5F548E	RGB 95 84 142	#5F548E
66.7%	66.7% #7B72A3	RGB 123 114 163	#7B72A3
83.3%	83.3% #9B95B8	RGB 155 149 184	#9B95B8
100.0%	100.0% #BFBCCD	RGB 191 188 205	#BFBCCD

#211550 #322664 #473B79 #5F548E #7B72A3 #9B95B8 #BFBCCD

#211650 - #5F548E - #BFBCCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #211550 0%, #5F548E 50%, #BFBCCD 100%);
    background: -webkit-linear-gradient(top, #211550 0%, #5F548E 50%, #BFBCCD 100%);
    background: linear-gradient(to bottom, #211550 0%, #5F548E 50%, #BFBCCD 100%);
}
</style>