#CF4D4D - #F1CCCC | 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 #CF4D4D to #F1CCCC

#CF4D4D #F1CCCC

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

#CF4D4D - #F1CCCC | 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 #CF4D4D as 0% and #F1CCCC as 100%.

0.0%	0.0% #CF4D4D	RGB 207 77 77	#CF4D4D
16.7%	16.7% #D46262	RGB 212 98 98	#D46262
33.3%	33.3% #DA7777	RGB 218 119 119	#DA7777
50.0%	50.0% #E08C8C	RGB 224 140 140	#E08C8C
66.7%	66.7% #E5A1A1	RGB 229 161 161	#E5A1A1
83.3%	83.3% #EBB6B6	RGB 235 182 182	#EBB6B6
100.0%	100.0% #F1CCCC	RGB 241 204 204	#F1CCCC

#CF4D4D #D46262 #DA7777 #E08C8C #E5A1A1 #EBB6B6 #F1CCCC

#CF4D4D - #F1CCCC

HSV Blend

#CF4D4D - #F1CCCC | 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 #CF4D4D as 0% and #F1CCCC as 100%.

0.0%	0.0% #CF4D4D	RGB 207 77 77	#CF4D4D
16.7%	16.7% #D45F5F	RGB 212 95 95	#D45F5F
33.3%	33.3% #DA7373	RGB 218 115 115	#DA7373
50.0%	50.0% #E08888	RGB 224 136 136	#E08888
66.7%	66.7% #E59E9E	RGB 229 158 158	#E59E9E
83.3%	83.3% #EBB4B4	RGB 235 180 180	#EBB4B4
100.0%	100.0% #F1CCCC	RGB 241 204 204	#F1CCCC

#CF4D4D #D45F5F #DA7373 #E08888 #E59E9E #EBB4B4 #F1CCCC

#CF4D4D - #E08888 - #F1CCCC

CSS codes

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

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