#000650 - #B6B7CD | 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 #000650 to #B6B7CD

#000650 #B6B7CD

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

#000650 - #B6B7CD | 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 #000650 as 0% and #B6B7CD as 100%.

0.0%	0.0% #000650	RGB 0 6 80	#000650
16.7%	16.7% #1E2364	RGB 30 35 100	#1E2364
33.3%	33.3% #3C4179	RGB 60 65 121	#3C4179
50.0%	50.0% #5B5E8E	RGB 91 94 142	#5B5E8E
66.7%	66.7% #797CA3	RGB 121 124 163	#797CA3
83.3%	83.3% #9799B8	RGB 151 153 184	#9799B8
100.0%	100.0% #B6B7CD	RGB 182 183 205	#B6B7CD

#000650 #1E2364 #3C4179 #5B5E8E #797CA3 #9799B8 #B6B7CD

#000650 - #B6B7CD

HSV Blend

#000650 - #B6B7CD | 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 #000650 as 0% and #B6B7CD as 100%.

0.0%	0.0% #000650	RGB 0 6 80	#000650
16.7%	16.7% #0E1464	RGB 14 20 100	#0E1464
33.3%	33.3% #242979	RGB 36 41 121	#242979
50.0%	50.0% #3F438E	RGB 63 67 142	#3F438E
66.7%	66.7% #6064A3	RGB 96 100 163	#6064A3
83.3%	83.3% #888AB8	RGB 136 138 184	#888AB8
100.0%	100.0% #B6B7CD	RGB 182 183 205	#B6B7CD

#000650 #0E1464 #242979 #3F438E #6064A3 #888AB8 #B6B7CD

#000650 - #3F438E - #B6B7CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000650 0%, #3F438E 50%, #B6B7CD 100%);
    background: -webkit-linear-gradient(top, #000650 0%, #3F438E 50%, #B6B7CD 100%);
    background: linear-gradient(to bottom, #000650 0%, #3F438E 50%, #B6B7CD 100%);
}
</style>