#CECFD4 - #3A3A3C | 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 #CECFD4 to #3A3A3C

#CECFD4 #3A3A3C

Calculate the color between two colors, #CECFD4 and #3A3A3C. 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)

#CECFD4 - #3A3A3C | 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 #CECFD4 as 0% and #3A3A3C as 100%.

0.0%	0.0% #CECFD4	RGB 206 207 212	#CECFD4
16.7%	16.7% #B5B6BA	RGB 181 182 186	#B5B6BA
33.3%	33.3% #9C9DA1	RGB 156 157 161	#9C9DA1
50.0%	50.0% #848488	RGB 132 132 136	#848488
66.7%	66.7% #6B6B6E	RGB 107 107 110	#6B6B6E
83.3%	83.3% #525255	RGB 82 82 85	#525255
100.0%	100.0% #3A3A3C	RGB 58 58 60	#3A3A3C

#CECFD4 #B5B6BA #9C9DA1 #848488 #6B6B6E #525255 #3A3A3C

#CECFD4 - #3A3A3C

HSV Blend

#CECFD4 - #3A3A3C | 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 #CECFD4 as 0% and #3A3A3C as 100%.

0.0%	0.0% #CECFD4	RGB 206 207 212	#CECFD4
16.7%	16.7% #B5B5BA	RGB 181 181 186	#B5B5BA
33.3%	33.3% #9C9DA1	RGB 156 157 161	#9C9DA1
50.0%	50.0% #838488	RGB 131 132 136	#838488
66.7%	66.7% #6B6B6E	RGB 107 107 110	#6B6B6E
83.3%	83.3% #525255	RGB 82 82 85	#525255
100.0%	100.0% #3A3A3C	RGB 58 58 60	#3A3A3C

#CECFD4 #B5B5BA #9C9DA1 #838488 #6B6B6E #525255 #3A3A3C

#CECFD4 - #838488 - #3A3A3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CECFD4 0%, #838488 50%, #3A3A3C 100%);
    background: -webkit-linear-gradient(top, #CECFD4 0%, #838488 50%, #3A3A3C 100%);
    background: linear-gradient(to bottom, #CECFD4 0%, #838488 50%, #3A3A3C 100%);
}
</style>