#BBCBE7 - #6284B9 | 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 #BBCBE7 to #6284B9

#BBCBE7 #6284B9

Calculate the color between two colors, #BBCBE7 and #6284B9. 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)

#BBCBE7 - #6284B9 | 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 #BBCBE7 as 0% and #6284B9 as 100%.

0.0%	0.0% #BBCBE7	RGB 187 203 231	#BBCBE7
16.7%	16.7% #ACBFDF	RGB 172 191 223	#ACBFDF
33.3%	33.3% #9DB3D7	RGB 157 179 215	#9DB3D7
50.0%	50.0% #8EA7D0	RGB 142 167 208	#8EA7D0
66.7%	66.7% #7F9BC8	RGB 127 155 200	#7F9BC8
83.3%	83.3% #708FC0	RGB 112 143 192	#708FC0
100.0%	100.0% #6284B9	RGB 98 132 185	#6284B9

#BBCBE7 #ACBFDF #9DB3D7 #8EA7D0 #7F9BC8 #708FC0 #6284B9

#BBCBE7 - #6284B9

HSV Blend

#BBCBE7 - #6284B9 | 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 #BBCBE7 as 0% and #6284B9 as 100%.

0.0%	0.0% #BBCBE7	RGB 187 203 231	#BBCBE7
16.7%	16.7% #AABDDF	RGB 170 189 223	#AABDDF
33.3%	33.3% #9AB1D7	RGB 154 177 215	#9AB1D7
50.0%	50.0% #8BA5D0	RGB 139 165 208	#8BA5D0
66.7%	66.7% #7C99C8	RGB 124 153 200	#7C99C8
83.3%	83.3% #6F8EC0	RGB 111 142 192	#6F8EC0
100.0%	100.0% #6284B9	RGB 98 132 185	#6284B9

#BBCBE7 #AABDDF #9AB1D7 #8BA5D0 #7C99C8 #6F8EC0 #6284B9

#BBCBE7 - #8BA5D0 - #6284B9

CSS codes

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

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