#CFD9C4 - #3A3E38 | 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 #CFD9C4 to #3A3E38

#CFD9C4 #3A3E38

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

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

0.0%	0.0% #CFD9C4	RGB 207 217 196	#CFD9C4
16.7%	16.7% #B6BFAC	RGB 182 191 172	#B6BFAC
33.3%	33.3% #9DA595	RGB 157 165 149	#9DA595
50.0%	50.0% #848B7E	RGB 132 139 126	#848B7E
66.7%	66.7% #6B7166	RGB 107 113 102	#6B7166
83.3%	83.3% #52574F	RGB 82 87 79	#52574F
100.0%	100.0% #3A3E38	RGB 58 62 56	#3A3E38

#CFD9C4 #B6BFAC #9DA595 #848B7E #6B7166 #52574F #3A3E38

#CFD9C4 - #3A3E38

HSV Blend

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

0.0%	0.0% #CFD9C4	RGB 207 217 196	#CFD9C4
16.7%	16.7% #B5BFAC	RGB 181 191 172	#B5BFAC
33.3%	33.3% #9CA595	RGB 156 165 149	#9CA595
50.0%	50.0% #838B7E	RGB 131 139 126	#838B7E
66.7%	66.7% #6B7166	RGB 107 113 102	#6B7166
83.3%	83.3% #52574F	RGB 82 87 79	#52574F
100.0%	100.0% #3A3E38	RGB 58 62 56	#3A3E38

#CFD9C4 #B5BFAC #9CA595 #838B7E #6B7166 #52574F #3A3E38

#CFD9C4 - #838B7E - #3A3E38

CSS codes

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

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