#FFA5E5 - #D92CA4 | 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 #FFA5E5 to #D92CA4

#FFA5E5 #D92CA4

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

#FFA5E5 - #D92CA4 | 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 #FFA5E5 as 0% and #D92CA4 as 100%.

0.0%	0.0% #FFA5E5	RGB 255 165 229	#FFA5E5
16.7%	16.7% #F890DA	RGB 248 144 218	#F890DA
33.3%	33.3% #F27CCF	RGB 242 124 207	#F27CCF
50.0%	50.0% #EC68C4	RGB 236 104 196	#EC68C4
66.7%	66.7% #E554B9	RGB 229 84 185	#E554B9
83.3%	83.3% #DF40AE	RGB 223 64 174	#DF40AE
100.0%	100.0% #D92CA4	RGB 217 44 164	#D92CA4

#FFA5E5 #F890DA #F27CCF #EC68C4 #E554B9 #DF40AE #D92CA4

#FFA5E5 - #D92CA4

HSV Blend

#FFA5E5 - #D92CA4 | 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 #FFA5E5 as 0% and #D92CA4 as 100%.

0.0%	0.0% #FFA5E5	RGB 255 165 229	#FFA5E5
16.7%	16.7% #F88ED9	RGB 248 142 217	#F88ED9
33.3%	33.3% #F278CE	RGB 242 120 206	#F278CE
50.0%	50.0% #EC64C3	RGB 236 100 195	#EC64C3
66.7%	66.7% #E550B8	RGB 229 80 184	#E550B8
83.3%	83.3% #DF3DAE	RGB 223 61 174	#DF3DAE
100.0%	100.0% #D92CA4	RGB 217 44 164	#D92CA4

#FFA5E5 #F88ED9 #F278CE #EC64C3 #E550B8 #DF3DAE #D92CA4

#FFA5E5 - #EC64C3 - #D92CA4

CSS codes

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

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