#BBCBE3 - #607DAB | 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 #BBCBE3 to #607DAB

#BBCBE3 #607DAB

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

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

0.0%	0.0% #BBCBE3	RGB 187 203 227	#BBCBE3
16.7%	16.7% #ABBED9	RGB 171 190 217	#ABBED9
33.3%	33.3% #9CB1D0	RGB 156 177 208	#9CB1D0
50.0%	50.0% #8DA4C7	RGB 141 164 199	#8DA4C7
66.7%	66.7% #7E97BD	RGB 126 151 189	#7E97BD
83.3%	83.3% #6F8AB4	RGB 111 138 180	#6F8AB4
100.0%	100.0% #607DAB	RGB 96 125 171	#607DAB

#BBCBE3 #ABBED9 #9CB1D0 #8DA4C7 #7E97BD #6F8AB4 #607DAB

#BBCBE3 - #607DAB

HSV Blend

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

0.0%	0.0% #BBCBE3	RGB 187 203 227	#BBCBE3
16.7%	16.7% #A9BCD9	RGB 169 188 217	#A9BCD9
33.3%	33.3% #99AFD0	RGB 153 175 208	#99AFD0
50.0%	50.0% #89A1C7	RGB 137 161 199	#89A1C7
66.7%	66.7% #7B95BD	RGB 123 149 189	#7B95BD
83.3%	83.3% #6D88B4	RGB 109 136 180	#6D88B4
100.0%	100.0% #607DAB	RGB 96 125 171	#607DAB

#BBCBE3 #A9BCD9 #99AFD0 #89A1C7 #7B95BD #6D88B4 #607DAB

#BBCBE3 - #89A1C7 - #607DAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBCBE3 0%, #89A1C7 50%, #607DAB 100%);
    background: -webkit-linear-gradient(top, #BBCBE3 0%, #89A1C7 50%, #607DAB 100%);
    background: linear-gradient(to bottom, #BBCBE3 0%, #89A1C7 50%, #607DAB 100%);
}
</style>