#CFE8D9 - #3B423E | 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 #CFE8D9 to #3B423E

#CFE8D9 #3B423E

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

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

0.0%	0.0% #CFE8D9	RGB 207 232 217	#CFE8D9
16.7%	16.7% #B6CCBF	RGB 182 204 191	#B6CCBF
33.3%	33.3% #9DB0A5	RGB 157 176 165	#9DB0A5
50.0%	50.0% #85958B	RGB 133 149 139	#85958B
66.7%	66.7% #6C7971	RGB 108 121 113	#6C7971
83.3%	83.3% #535D57	RGB 83 93 87	#535D57
100.0%	100.0% #3B423E	RGB 59 66 62	#3B423E

#CFE8D9 #B6CCBF #9DB0A5 #85958B #6C7971 #535D57 #3B423E

#CFE8D9 - #3B423E

HSV Blend

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

0.0%	0.0% #CFE8D9	RGB 207 232 217	#CFE8D9
16.7%	16.7% #B6CCBF	RGB 182 204 191	#B6CCBF
33.3%	33.3% #9DB0A5	RGB 157 176 165	#9DB0A5
50.0%	50.0% #85958B	RGB 133 149 139	#85958B
66.7%	66.7% #6C7971	RGB 108 121 113	#6C7971
83.3%	83.3% #535D57	RGB 83 93 87	#535D57
100.0%	100.0% #3B423E	RGB 59 66 62	#3B423E

#CFE8D9 #B6CCBF #9DB0A5 #85958B #6C7971 #535D57 #3B423E

#CFE8D9 - #85958B - #3B423E

CSS codes

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

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