#D65EB2 - #FE7CAC | 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 #D65EB2 to #FE7CAC

#D65EB2 #FE7CAC

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

#D65EB2 - #FE7CAC | 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 #D65EB2 as 0% and #FE7CAC as 100%.

0.0%	0.0% #D65EB2	RGB 214 94 178	#D65EB2
16.7%	16.7% #DC63B1	RGB 220 99 177	#DC63B1
33.3%	33.3% #E368B0	RGB 227 104 176	#E368B0
50.0%	50.0% #EA6DAF	RGB 234 109 175	#EA6DAF
66.7%	66.7% #F072AE	RGB 240 114 174	#F072AE
83.3%	83.3% #F777AD	RGB 247 119 173	#F777AD
100.0%	100.0% #FE7CAC	RGB 254 124 172	#FE7CAC

#D65EB2 #DC63B1 #E368B0 #EA6DAF #F072AE #F777AD #FE7CAC

#D65EB2 - #FE7CAC

HSV Blend

#D65EB2 - #FE7CAC | 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 #D65EB2 as 0% and #FE7CAC as 100%.

0.0%	0.0% #D65EB2	RGB 214 94 178	#D65EB2
16.7%	16.7% #DC62B1	RGB 220 98 177	#DC62B1
33.3%	33.3% #E367B0	RGB 227 103 176	#E367B0
50.0%	50.0% #EA6CAF	RGB 234 108 175	#EA6CAF
66.7%	66.7% #F071AE	RGB 240 113 174	#F071AE
83.3%	83.3% #F776AD	RGB 247 118 173	#F776AD
100.0%	100.0% #FE7CAC	RGB 254 124 172	#FE7CAC

#D65EB2 #DC62B1 #E367B0 #EA6CAF #F071AE #F776AD #FE7CAC

#D65EB2 - #EA6CAF - #FE7CAC

CSS codes

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

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