#CBDDED - #7394BA | 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 #CBDDED to #7394BA

#CBDDED #7394BA

Calculate the color between two colors, #CBDDED and #7394BA. 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)

#CBDDED - #7394BA | 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 #CBDDED as 0% and #7394BA as 100%.

0.0%	0.0% #CBDDED	RGB 203 221 237	#CBDDED
16.7%	16.7% #BCD0E4	RGB 188 208 228	#BCD0E4
33.3%	33.3% #ADC4DC	RGB 173 196 220	#ADC4DC
50.0%	50.0% #9FB8D3	RGB 159 184 211	#9FB8D3
66.7%	66.7% #90ACCB	RGB 144 172 203	#90ACCB
83.3%	83.3% #81A0C2	RGB 129 160 194	#81A0C2
100.0%	100.0% #7394BA	RGB 115 148 186	#7394BA

#CBDDED #BCD0E4 #ADC4DC #9FB8D3 #90ACCB #81A0C2 #7394BA

#CBDDED - #7394BA

HSV Blend

#CBDDED - #7394BA | 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 #CBDDED as 0% and #7394BA as 100%.

0.0%	0.0% #CBDDED	RGB 203 221 237	#CBDDED
16.7%	16.7% #BAD0E4	RGB 186 208 228	#BAD0E4
33.3%	33.3% #AAC3DC	RGB 170 195 220	#AAC3DC
50.0%	50.0% #9BB7D3	RGB 155 183 211	#9BB7D3
66.7%	66.7% #8DABCB	RGB 141 171 203	#8DABCB
83.3%	83.3% #7F9FC2	RGB 127 159 194	#7F9FC2
100.0%	100.0% #7394BA	RGB 115 148 186	#7394BA

#CBDDED #BAD0E4 #AAC3DC #9BB7D3 #8DABCB #7F9FC2 #7394BA

#CBDDED - #9BB7D3 - #7394BA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBDDED 0%, #9BB7D3 50%, #7394BA 100%);
    background: -webkit-linear-gradient(top, #CBDDED 0%, #9BB7D3 50%, #7394BA 100%);
    background: linear-gradient(to bottom, #CBDDED 0%, #9BB7D3 50%, #7394BA 100%);
}
</style>