#CF4A2D - #F1CBC3 | 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 #CF4A2D to #F1CBC3

#CF4A2D #F1CBC3

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

#CF4A2D - #F1CBC3 | 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 #CF4A2D as 0% and #F1CBC3 as 100%.

0.0%	0.0% #CF4A2D	RGB 207 74 45	#CF4A2D
16.7%	16.7% #D45F46	RGB 212 95 70	#D45F46
33.3%	33.3% #DA755F	RGB 218 117 95	#DA755F
50.0%	50.0% #E08A78	RGB 224 138 120	#E08A78
66.7%	66.7% #E5A091	RGB 229 160 145	#E5A091
83.3%	83.3% #EBB5AA	RGB 235 181 170	#EBB5AA
100.0%	100.0% #F1CBC3	RGB 241 203 195	#F1CBC3

#CF4A2D #D45F46 #DA755F #E08A78 #E5A091 #EBB5AA #F1CBC3

#CF4A2D - #F1CBC3

HSV Blend

#CF4A2D - #F1CBC3 | 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 #CF4A2D as 0% and #F1CBC3 as 100%.

0.0%	0.0% #CF4A2D	RGB 207 74 45	#CF4A2D
16.7%	16.7% #D45D43	RGB 212 93 67	#D45D43
33.3%	33.3% #DA715A	RGB 218 113 90	#DA715A
50.0%	50.0% #E08672	RGB 224 134 114	#E08672
66.7%	66.7% #E59C8C	RGB 229 156 140	#E59C8C
83.3%	83.3% #EBB3A7	RGB 235 179 167	#EBB3A7
100.0%	100.0% #F1CBC3	RGB 241 203 195	#F1CBC3

#CF4A2D #D45D43 #DA715A #E08672 #E59C8C #EBB3A7 #F1CBC3

#CF4A2D - #E08672 - #F1CBC3

CSS codes

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

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