#CCE5DB - #3A413E | 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 #CCE5DB to #3A413E

#CCE5DB #3A413E

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

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

0.0%	0.0% #CCE5DB	RGB 204 229 219	#CCE5DB
16.7%	16.7% #B3C9C0	RGB 179 201 192	#B3C9C0
33.3%	33.3% #9BAEA6	RGB 155 174 166	#9BAEA6
50.0%	50.0% #83938C	RGB 131 147 140	#83938C
66.7%	66.7% #6A7772	RGB 106 119 114	#6A7772
83.3%	83.3% #525C58	RGB 82 92 88	#525C58
100.0%	100.0% #3A413E	RGB 58 65 62	#3A413E

#CCE5DB #B3C9C0 #9BAEA6 #83938C #6A7772 #525C58 #3A413E

#CCE5DB - #3A413E

HSV Blend

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

0.0%	0.0% #CCE5DB	RGB 204 229 219	#CCE5DB
16.7%	16.7% #B3C9C0	RGB 179 201 192	#B3C9C0
33.3%	33.3% #9BAEA6	RGB 155 174 166	#9BAEA6
50.0%	50.0% #83938C	RGB 131 147 140	#83938C
66.7%	66.7% #6A7772	RGB 106 119 114	#6A7772
83.3%	83.3% #525C58	RGB 82 92 88	#525C58
100.0%	100.0% #3A413E	RGB 58 65 62	#3A413E

#CCE5DB #B3C9C0 #9BAEA6 #83938C #6A7772 #525C58 #3A413E

#CCE5DB - #83938C - #3A413E

CSS codes

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

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