#CCE5E6 - #7E9CB0 | 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 #CCE5E6 to #7E9CB0

#CCE5E6 #7E9CB0

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

#CCE5E6 - #7E9CB0 | 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 #CCE5E6 as 0% and #7E9CB0 as 100%.

0.0%	0.0% #CCE5E6	RGB 204 229 230	#CCE5E6
16.7%	16.7% #BFD8DD	RGB 191 216 221	#BFD8DD
33.3%	33.3% #B2CCD4	RGB 178 204 212	#B2CCD4
50.0%	50.0% #A5C0CB	RGB 165 192 203	#A5C0CB
66.7%	66.7% #98B4C2	RGB 152 180 194	#98B4C2
83.3%	83.3% #8BA8B9	RGB 139 168 185	#8BA8B9
100.0%	100.0% #7E9CB0	RGB 126 156 176	#7E9CB0

#CCE5E6 #BFD8DD #B2CCD4 #A5C0CB #98B4C2 #8BA8B9 #7E9CB0

#CCE5E6 - #7E9CB0

HSV Blend

#CCE5E6 - #7E9CB0 | 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 #CCE5E6 as 0% and #7E9CB0 as 100%.

0.0%	0.0% #CCE5E6	RGB 204 229 230	#CCE5E6
16.7%	16.7% #BDD9DD	RGB 189 217 221	#BDD9DD
33.3%	33.3% #AFCED4	RGB 175 206 212	#AFCED4
50.0%	50.0% #A2C2CB	RGB 162 194 203	#A2C2CB
66.7%	66.7% #95B5C2	RGB 149 181 194	#95B5C2
83.3%	83.3% #89A8B9	RGB 137 168 185	#89A8B9
100.0%	100.0% #7E9CB0	RGB 126 156 176	#7E9CB0

#CCE5E6 #BDD9DD #AFCED4 #A2C2CB #95B5C2 #89A8B9 #7E9CB0

#CCE5E6 - #A2C2CB - #7E9CB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCE5E6 0%, #A2C2CB 50%, #7E9CB0 100%);
    background: -webkit-linear-gradient(top, #CCE5E6 0%, #A2C2CB 50%, #7E9CB0 100%);
    background: linear-gradient(to bottom, #CCE5E6 0%, #A2C2CB 50%, #7E9CB0 100%);
}
</style>