#CBD5E7 - #708AB0 | 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 #CBD5E7 to #708AB0

#CBD5E7 #708AB0

Calculate the color between two colors, #CBD5E7 and #708AB0. 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)

#CBD5E7 - #708AB0 | 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 #CBD5E7 as 0% and #708AB0 as 100%.

0.0%	0.0% #CBD5E7	RGB 203 213 231	#CBD5E7
16.7%	16.7% #BBC8DD	RGB 187 200 221	#BBC8DD
33.3%	33.3% #ACBCD4	RGB 172 188 212	#ACBCD4
50.0%	50.0% #9DAFCB	RGB 157 175 203	#9DAFCB
66.7%	66.7% #8EA3C2	RGB 142 163 194	#8EA3C2
83.3%	83.3% #7F96B9	RGB 127 150 185	#7F96B9
100.0%	100.0% #708AB0	RGB 112 138 176	#708AB0

#CBD5E7 #BBC8DD #ACBCD4 #9DAFCB #8EA3C2 #7F96B9 #708AB0

#CBD5E7 - #708AB0

HSV Blend

#CBD5E7 - #708AB0 | 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 #CBD5E7 as 0% and #708AB0 as 100%.

0.0%	0.0% #CBD5E7	RGB 203 213 231	#CBD5E7
16.7%	16.7% #B9C7DD	RGB 185 199 221	#B9C7DD
33.3%	33.3% #A9B9D4	RGB 169 185 212	#A9B9D4
50.0%	50.0% #9AACCB	RGB 154 172 203	#9AACCB
66.7%	66.7% #8BA0C2	RGB 139 160 194	#8BA0C2
83.3%	83.3% #7D95B9	RGB 125 149 185	#7D95B9
100.0%	100.0% #708AB0	RGB 112 138 176	#708AB0

#CBD5E7 #B9C7DD #A9B9D4 #9AACCB #8BA0C2 #7D95B9 #708AB0

#CBD5E7 - #9AACCB - #708AB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBD5E7 0%, #9AACCB 50%, #708AB0 100%);
    background: -webkit-linear-gradient(top, #CBD5E7 0%, #9AACCB 50%, #708AB0 100%);
    background: linear-gradient(to bottom, #CBD5E7 0%, #9AACCB 50%, #708AB0 100%);
}
</style>