#020739 - #B6B8C6 | 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 #020739 to #B6B8C6

#020739 #B6B8C6

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

#020739 - #B6B8C6 | 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 #020739 as 0% and #B6B8C6 as 100%.

0.0%	0.0% #020739	RGB 2 7 57	#020739
16.7%	16.7% #202450	RGB 32 36 80	#202450
33.3%	33.3% #3E4268	RGB 62 66 104	#3E4268
50.0%	50.0% #5C5F7F	RGB 92 95 127	#5C5F7F
66.7%	66.7% #7A7D97	RGB 122 125 151	#7A7D97
83.3%	83.3% #989AAE	RGB 152 154 174	#989AAE
100.0%	100.0% #B6B8C6	RGB 182 184 198	#B6B8C6

#020739 #202450 #3E4268 #5C5F7F #7A7D97 #989AAE #B6B8C6

#020739 - #B6B8C6

HSV Blend

#020739 - #B6B8C6 | 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 #020739 as 0% and #B6B8C6 as 100%.

0.0%	0.0% #010739	RGB 1 7 57	#010739
16.7%	16.7% #0E1550	RGB 14 21 80	#0E1550
33.3%	33.3% #222968	RGB 34 41 104	#222968
50.0%	50.0% #3C447F	RGB 60 68 127	#3C447F
66.7%	66.7% #5E6497	RGB 94 100 151	#5E6497
83.3%	83.3% #868BAE	RGB 134 139 174	#868BAE
100.0%	100.0% #B6B8C6	RGB 182 184 198	#B6B8C6

#010739 #0E1550 #222968 #3C447F #5E6497 #868BAE #B6B8C6

#020739 - #3C447F - #B6B8C6

CSS codes

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

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