#B8CADB - #607CA0 | 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 #B8CADB to #607CA0

#B8CADB #607CA0

Calculate the color between two colors, #B8CADB and #607CA0. 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)

#B8CADB - #607CA0 | 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 #B8CADB as 0% and #607CA0 as 100%.

0.0%	0.0% #B8CADB	RGB 184 202 219	#B8CADB
16.7%	16.7% #A9BDD1	RGB 169 189 209	#A9BDD1
33.3%	33.3% #9AB0C7	RGB 154 176 199	#9AB0C7
50.0%	50.0% #8CA3BD	RGB 140 163 189	#8CA3BD
66.7%	66.7% #7D96B3	RGB 125 150 179	#7D96B3
83.3%	83.3% #6E89A9	RGB 110 137 169	#6E89A9
100.0%	100.0% #607CA0	RGB 96 124 160	#607CA0

#B8CADB #A9BDD1 #9AB0C7 #8CA3BD #7D96B3 #6E89A9 #607CA0

#B8CADB - #607CA0

HSV Blend

#B8CADB - #607CA0 | 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 #B8CADB as 0% and #607CA0 as 100%.

0.0%	0.0% #B8CADB	RGB 184 202 219	#B8CADB
16.7%	16.7% #A7BCD1	RGB 167 188 209	#A7BCD1
33.3%	33.3% #97AEC7	RGB 151 174 199	#97AEC7
50.0%	50.0% #88A1BD	RGB 136 161 189	#88A1BD
66.7%	66.7% #7A94B3	RGB 122 148 179	#7A94B3
83.3%	83.3% #6C88A9	RGB 108 136 169	#6C88A9
100.0%	100.0% #607CA0	RGB 96 124 160	#607CA0

#B8CADB #A7BCD1 #97AEC7 #88A1BD #7A94B3 #6C88A9 #607CA0

#B8CADB - #88A1BD - #607CA0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8CADB 0%, #88A1BD 50%, #607CA0 100%);
    background: -webkit-linear-gradient(top, #B8CADB 0%, #88A1BD 50%, #607CA0 100%);
    background: linear-gradient(to bottom, #B8CADB 0%, #88A1BD 50%, #607CA0 100%);
}
</style>