#CD4D4C - #F0CCCB | 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 #CD4D4C to #F0CCCB

#CD4D4C #F0CCCB

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

#CD4D4C - #F0CCCB | 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 #CD4D4C as 0% and #F0CCCB as 100%.

0.0%	0.0% #CD4D4C	RGB 205 77 76	#CD4D4C
16.7%	16.7% #D26261	RGB 210 98 97	#D26261
33.3%	33.3% #D87776	RGB 216 119 118	#D87776
50.0%	50.0% #DE8C8B	RGB 222 140 139	#DE8C8B
66.7%	66.7% #E4A1A0	RGB 228 161 160	#E4A1A0
83.3%	83.3% #EAB6B5	RGB 234 182 181	#EAB6B5
100.0%	100.0% #F0CCCB	RGB 240 204 203	#F0CCCB

#CD4D4C #D26261 #D87776 #DE8C8B #E4A1A0 #EAB6B5 #F0CCCB

#CD4D4C - #F0CCCB

HSV Blend

#CD4D4C - #F0CCCB | 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 #CD4D4C as 0% and #F0CCCB as 100%.

0.0%	0.0% #CD4D4C	RGB 205 77 76	#CD4D4C
16.7%	16.7% #D2605E	RGB 210 96 94	#D2605E
33.3%	33.3% #D87472	RGB 216 116 114	#D87472
50.0%	50.0% #DE8887	RGB 222 136 135	#DE8887
66.7%	66.7% #E49E9C	RGB 228 158 156	#E49E9C
83.3%	83.3% #EAB4B3	RGB 234 180 179	#EAB4B3
100.0%	100.0% #F0CCCB	RGB 240 204 203	#F0CCCB

#CD4D4C #D2605E #D87472 #DE8887 #E49E9C #EAB4B3 #F0CCCB

#CD4D4C - #DE8887 - #F0CCCB

CSS codes

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

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