#BBC8D1 - #667993 | 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 #BBC8D1 to #667993

#BBC8D1 #667993

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

#BBC8D1 - #667993 | 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 #BBC8D1 as 0% and #667993 as 100%.

0.0%	0.0% #BBC8D1	RGB 187 200 209	#BBC8D1
16.7%	16.7% #ACBAC6	RGB 172 186 198	#ACBAC6
33.3%	33.3% #9EADBC	RGB 158 173 188	#9EADBC
50.0%	50.0% #90A0B2	RGB 144 160 178	#90A0B2
66.7%	66.7% #8293A7	RGB 130 147 167	#8293A7
83.3%	83.3% #74869D	RGB 116 134 157	#74869D
100.0%	100.0% #667993	RGB 102 121 147	#667993

#BBC8D1 #ACBAC6 #9EADBC #90A0B2 #8293A7 #74869D #667993

#BBC8D1 - #667993

HSV Blend

#BBC8D1 - #667993 | 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 #BBC8D1 as 0% and #667993 as 100%.

0.0%	0.0% #BBC8D1	RGB 187 200 209	#BBC8D1
16.7%	16.7% #ABBAC6	RGB 171 186 198	#ABBAC6
33.3%	33.3% #9BADBC	RGB 155 173 188	#9BADBC
50.0%	50.0% #8D9FB2	RGB 141 159 178	#8D9FB2
66.7%	66.7% #7F92A7	RGB 127 146 167	#7F92A7
83.3%	83.3% #72859D	RGB 114 133 157	#72859D
100.0%	100.0% #667993	RGB 102 121 147	#667993

#BBC8D1 #ABBAC6 #9BADBC #8D9FB2 #7F92A7 #72859D #667993

#BBC8D1 - #8D9FB2 - #667993

CSS codes

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

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