#DD5455 - #F5CECE | 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 #DD5455 to #F5CECE

#DD5455 #F5CECE

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

#DD5455 - #F5CECE | 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 #DD5455 as 0% and #F5CECE as 100%.

0.0%	0.0% #DD5455	RGB 221 84 85	#DD5455
16.7%	16.7% #E16869	RGB 225 104 105	#E16869
33.3%	33.3% #E57C7D	RGB 229 124 125	#E57C7D
50.0%	50.0% #E99191	RGB 233 145 145	#E99191
66.7%	66.7% #EDA5A5	RGB 237 165 165	#EDA5A5
83.3%	83.3% #F1B9B9	RGB 241 185 185	#F1B9B9
100.0%	100.0% #F5CECE	RGB 245 206 206	#F5CECE

#DD5455 #E16869 #E57C7D #E99191 #EDA5A5 #F1B9B9 #F5CECE

#DD5455 - #F5CECE

HSV Blend

#DD5455 - #F5CECE | 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 #DD5455 as 0% and #F5CECE as 100%.

0.0%	0.0% #DD5454	RGB 221 84 84	#DD5454
16.7%	16.7% #E16667	RGB 225 102 103	#E16667
33.3%	33.3% #E57A7A	RGB 229 122 122	#E57A7A
50.0%	50.0% #E98E8E	RGB 233 142 142	#E98E8E
66.7%	66.7% #EDA2A3	RGB 237 162 163	#EDA2A3
83.3%	83.3% #F1B8B8	RGB 241 184 184	#F1B8B8
100.0%	100.0% #F5CECE	RGB 245 206 206	#F5CECE

#DD5454 #E16667 #E57A7A #E98E8E #EDA2A3 #F1B8B8 #F5CECE

#DD5455 - #E98E8E - #F5CECE

CSS codes

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

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