#BCC2D3 - #607595 | 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 #BCC2D3 to #607595

#BCC2D3 #607595

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

#BCC2D3 - #607595 | 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 #BCC2D3 as 0% and #607595 as 100%.

0.0%	0.0% #BCC2D3	RGB 188 194 211	#BCC2D3
16.7%	16.7% #ACB5C8	RGB 172 181 200	#ACB5C8
33.3%	33.3% #9DA8BE	RGB 157 168 190	#9DA8BE
50.0%	50.0% #8E9BB4	RGB 142 155 180	#8E9BB4
66.7%	66.7% #7E8EA9	RGB 126 142 169	#7E8EA9
83.3%	83.3% #6F819F	RGB 111 129 159	#6F819F
100.0%	100.0% #607595	RGB 96 117 149	#607595

#BCC2D3 #ACB5C8 #9DA8BE #8E9BB4 #7E8EA9 #6F819F #607595

#BCC2D3 - #607595

HSV Blend

#BCC2D3 - #607595 | 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 #BCC2D3 as 0% and #607595 as 100%.

0.0%	0.0% #BCC2D3	RGB 188 194 211	#BCC2D3
16.7%	16.7% #AAB3C8	RGB 170 179 200	#AAB3C8
33.3%	33.3% #99A5BE	RGB 153 165 190	#99A5BE
50.0%	50.0% #8A97B4	RGB 138 151 180	#8A97B4
66.7%	66.7% #7B8BA9	RGB 123 139 169	#7B8BA9
83.3%	83.3% #6D7F9F	RGB 109 127 159	#6D7F9F
100.0%	100.0% #607595	RGB 96 117 149	#607595

#BCC2D3 #AAB3C8 #99A5BE #8A97B4 #7B8BA9 #6D7F9F #607595

#BCC2D3 - #8A97B4 - #607595

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCC2D3 0%, #8A97B4 50%, #607595 100%);
    background: -webkit-linear-gradient(top, #BCC2D3 0%, #8A97B4 50%, #607595 100%);
    background: linear-gradient(to bottom, #BCC2D3 0%, #8A97B4 50%, #607595 100%);
}
</style>