#CD5D82 - #FE7B7E | 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 #CD5D82 to #FE7B7E

#CD5D82 #FE7B7E

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

#CD5D82 - #FE7B7E | 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 #CD5D82 as 0% and #FE7B7E as 100%.

0.0%	0.0% #CD5D82	RGB 205 93 130	#CD5D82
16.7%	16.7% #D56281	RGB 213 98 129	#D56281
33.3%	33.3% #DD6780	RGB 221 103 128	#DD6780
50.0%	50.0% #E56C80	RGB 229 108 128	#E56C80
66.7%	66.7% #ED717F	RGB 237 113 127	#ED717F
83.3%	83.3% #F5767E	RGB 245 118 126	#F5767E
100.0%	100.0% #FE7B7E	RGB 254 123 126	#FE7B7E

#CD5D82 #D56281 #DD6780 #E56C80 #ED717F #F5767E #FE7B7E

#CD5D82 - #FE7B7E

HSV Blend

#CD5D82 - #FE7B7E | 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 #CD5D82 as 0% and #FE7B7E as 100%.

0.0%	0.0% #CD5D82	RGB 205 93 130	#CD5D82
16.7%	16.7% #D56181	RGB 213 97 129	#D56181
33.3%	33.3% #DD6681	RGB 221 102 129	#DD6681
50.0%	50.0% #E56B81	RGB 229 107 129	#E56B81
66.7%	66.7% #ED7080	RGB 237 112 128	#ED7080
83.3%	83.3% #F5757F	RGB 245 117 127	#F5757F
100.0%	100.0% #FE7B7E	RGB 254 123 126	#FE7B7E

#CD5D82 #D56181 #DD6681 #E56B81 #ED7080 #F5757F #FE7B7E

#CD5D82 - #E56B81 - #FE7B7E

CSS codes

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

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