#FFD4C0 - #CD6856 | 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 #FFD4C0 to #CD6856

#FFD4C0 #CD6856

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

#FFD4C0 - #CD6856 | 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 #FFD4C0 as 0% and #CD6856 as 100%.

0.0%	0.0% #FFD4C0	RGB 255 212 192	#FFD4C0
16.7%	16.7% #F6C2AE	RGB 246 194 174	#F6C2AE
33.3%	33.3% #EEB09C	RGB 238 176 156	#EEB09C
50.0%	50.0% #E69E8B	RGB 230 158 139	#E69E8B
66.7%	66.7% #DD8C79	RGB 221 140 121	#DD8C79
83.3%	83.3% #D57A67	RGB 213 122 103	#D57A67
100.0%	100.0% #CD6856	RGB 205 104 86	#CD6856

#FFD4C0 #F6C2AE #EEB09C #E69E8B #DD8C79 #D57A67 #CD6856

#FFD4C0 - #CD6856

HSV Blend

#FFD4C0 - #CD6856 | 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 #FFD4C0 as 0% and #CD6856 as 100%.

0.0%	0.0% #FFD4C0	RGB 255 212 192	#FFD4C0
16.7%	16.7% #F6C1AC	RGB 246 193 172	#F6C1AC
33.3%	33.3% #EEAF98	RGB 238 175 152	#EEAF98
50.0%	50.0% #E69D86	RGB 230 157 134	#E69D86
66.7%	66.7% #DD8B75	RGB 221 139 117	#DD8B75
83.3%	83.3% #D57965	RGB 213 121 101	#D57965
100.0%	100.0% #CD6856	RGB 205 104 86	#CD6856

#FFD4C0 #F6C1AC #EEAF98 #E69D86 #DD8B75 #D57965 #CD6856

#FFD4C0 - #E69D86 - #CD6856

CSS codes

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

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