#D2642C - #F2D3C3 | 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 #D2642C to #F2D3C3

#D2642C #F2D3C3

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

#D2642C - #F2D3C3 | 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 #D2642C as 0% and #F2D3C3 as 100%.

0.0%	0.0% #D2642C	RGB 210 100 44	#D2642C
16.7%	16.7% #D77645	RGB 215 118 69	#D77645
33.3%	33.3% #DC895E	RGB 220 137 94	#DC895E
50.0%	50.0% #E29B77	RGB 226 155 119	#E29B77
66.7%	66.7% #E7AE90	RGB 231 174 144	#E7AE90
83.3%	83.3% #ECC0A9	RGB 236 192 169	#ECC0A9
100.0%	100.0% #F2D3C3	RGB 242 211 195	#F2D3C3

#D2642C #D77645 #DC895E #E29B77 #E7AE90 #ECC0A9 #F2D3C3

#D2642C - #F2D3C3

HSV Blend

#D2642C - #F2D3C3 | 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 #D2642C as 0% and #F2D3C3 as 100%.

0.0%	0.0% #D2642C	RGB 210 100 44	#D2642C
16.7%	16.7% #D77442	RGB 215 116 66	#D77442
33.3%	33.3% #DC865A	RGB 220 134 90	#DC865A
50.0%	50.0% #E29872	RGB 226 152 114	#E29872
66.7%	66.7% #E7AB8C	RGB 231 171 140	#E7AB8C
83.3%	83.3% #ECBEA7	RGB 236 190 167	#ECBEA7
100.0%	100.0% #F2D3C3	RGB 242 211 195	#F2D3C3

#D2642C #D77442 #DC865A #E29872 #E7AB8C #ECBEA7 #F2D3C3

#D2642C - #E29872 - #F2D3C3

CSS codes

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

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