#BBC7DB - #6079A0 | 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 #BBC7DB to #6079A0

#BBC7DB #6079A0

Calculate the color between two colors, #BBC7DB and #6079A0. 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)

#BBC7DB - #6079A0 | 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 #BBC7DB as 0% and #6079A0 as 100%.

0.0%	0.0% #BBC7DB	RGB 187 199 219	#BBC7DB
16.7%	16.7% #ABBAD1	RGB 171 186 209	#ABBAD1
33.3%	33.3% #9CADC7	RGB 156 173 199	#9CADC7
50.0%	50.0% #8DA0BD	RGB 141 160 189	#8DA0BD
66.7%	66.7% #7E93B3	RGB 126 147 179	#7E93B3
83.3%	83.3% #6F86A9	RGB 111 134 169	#6F86A9
100.0%	100.0% #6079A0	RGB 96 121 160	#6079A0

#BBC7DB #ABBAD1 #9CADC7 #8DA0BD #7E93B3 #6F86A9 #6079A0

#BBC7DB - #6079A0

HSV Blend

#BBC7DB - #6079A0 | 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 #BBC7DB as 0% and #6079A0 as 100%.

0.0%	0.0% #BBC7DB	RGB 187 199 219	#BBC7DB
16.7%	16.7% #A9B8D1	RGB 169 184 209	#A9B8D1
33.3%	33.3% #99AAC7	RGB 153 170 199	#99AAC7
50.0%	50.0% #899DBD	RGB 137 157 189	#899DBD
66.7%	66.7% #7B90B3	RGB 123 144 179	#7B90B3
83.3%	83.3% #6D84A9	RGB 109 132 169	#6D84A9
100.0%	100.0% #6079A0	RGB 96 121 160	#6079A0

#BBC7DB #A9B8D1 #99AAC7 #899DBD #7B90B3 #6D84A9 #6079A0

#BBC7DB - #899DBD - #6079A0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC7DB 0%, #899DBD 50%, #6079A0 100%);
    background: -webkit-linear-gradient(top, #BBC7DB 0%, #899DBD 50%, #6079A0 100%);
    background: linear-gradient(to bottom, #BBC7DB 0%, #899DBD 50%, #6079A0 100%);
}
</style>