#CD4D8C - #FE82CF | 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 #CD4D8C to #FE82CF

#CD4D8C #FE82CF

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

#CD4D8C - #FE82CF | 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 #CD4D8C as 0% and #FE82CF as 100%.

0.0%	0.0% #CD4D8C	RGB 205 77 140	#CD4D8C
16.7%	16.7% #D55597	RGB 213 85 151	#D55597
33.3%	33.3% #DD5EA2	RGB 221 94 162	#DD5EA2
50.0%	50.0% #E567AD	RGB 229 103 173	#E567AD
66.7%	66.7% #ED70B8	RGB 237 112 184	#ED70B8
83.3%	83.3% #F579C3	RGB 245 121 195	#F579C3
100.0%	100.0% #FE82CF	RGB 254 130 207	#FE82CF

#CD4D8C #D55597 #DD5EA2 #E567AD #ED70B8 #F579C3 #FE82CF

#CD4D8C - #FE82CF

HSV Blend

#CD4D8C - #FE82CF | 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 #CD4D8C as 0% and #FE82CF as 100%.

0.0%	0.0% #CD4D8C	RGB 205 77 140	#CD4D8C
16.7%	16.7% #D55496	RGB 213 84 150	#D55496
33.3%	33.3% #DD5DA1	RGB 221 93 161	#DD5DA1
50.0%	50.0% #E565AC	RGB 229 101 172	#E565AC
66.7%	66.7% #ED6EB8	RGB 237 110 184	#ED6EB8
83.3%	83.3% #F578C3	RGB 245 120 195	#F578C3
100.0%	100.0% #FE82CF	RGB 254 130 207	#FE82CF

#CD4D8C #D55496 #DD5DA1 #E565AC #ED6EB8 #F578C3 #FE82CF

#CD4D8C - #E565AC - #FE82CF

CSS codes

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

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