#CECFD2 - #758693 | 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 #CECFD2 to #758693

#CECFD2 #758693

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

#CECFD2 - #758693 | 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 #CECFD2 as 0% and #758693 as 100%.

0.0%	0.0% #CECFD2	RGB 206 207 210	#CECFD2
16.7%	16.7% #BFC2C7	RGB 191 194 199	#BFC2C7
33.3%	33.3% #B0B6BD	RGB 176 182 189	#B0B6BD
50.0%	50.0% #A1AAB2	RGB 161 170 178	#A1AAB2
66.7%	66.7% #929EA8	RGB 146 158 168	#929EA8
83.3%	83.3% #83929D	RGB 131 146 157	#83929D
100.0%	100.0% #758693	RGB 117 134 147	#758693

#CECFD2 #BFC2C7 #B0B6BD #A1AAB2 #929EA8 #83929D #758693

#CECFD2 - #758693

HSV Blend

#CECFD2 - #758693 | 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 #CECFD2 as 0% and #758693 as 100%.

0.0%	0.0% #CECFD2	RGB 206 207 210	#CECFD2
16.7%	16.7% #BDC0C7	RGB 189 192 199	#BDC0C7
33.3%	33.3% #ADB3BD	RGB 173 179 189	#ADB3BD
50.0%	50.0% #9EA6B2	RGB 158 166 178	#9EA6B2
66.7%	66.7% #909BA8	RGB 144 155 168	#909BA8
83.3%	83.3% #82909D	RGB 130 144 157	#82909D
100.0%	100.0% #758693	RGB 117 134 147	#758693

#CECFD2 #BDC0C7 #ADB3BD #9EA6B2 #909BA8 #82909D #758693

#CECFD2 - #9EA6B2 - #758693

CSS codes

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

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