#D65EB1 - #FFA8AE | 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 #D65EB1 to #FFA8AE

#D65EB1 #FFA8AE

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

#D65EB1 - #FFA8AE | 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 #D65EB1 as 0% and #FFA8AE as 100%.

0.0%	0.0% #D65EB1	RGB 214 94 177	#D65EB1
16.7%	16.7% #DC6AB0	RGB 220 106 176	#DC6AB0
33.3%	33.3% #E376B0	RGB 227 118 176	#E376B0
50.0%	50.0% #EA83AF	RGB 234 131 175	#EA83AF
66.7%	66.7% #F18FAF	RGB 241 143 175	#F18FAF
83.3%	83.3% #F89BAE	RGB 248 155 174	#F89BAE
100.0%	100.0% #FFA8AE	RGB 255 168 174	#FFA8AE

#D65EB1 #DC6AB0 #E376B0 #EA83AF #F18FAF #F89BAE #FFA8AE

#D65EB1 - #FFA8AE

HSV Blend

#D65EB1 - #FFA8AE | 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 #D65EB1 as 0% and #FFA8AE as 100%.

0.0%	0.0% #D65EB1	RGB 214 94 177	#D65EB1
16.7%	16.7% #DC69AD	RGB 220 105 173	#DC69AD
33.3%	33.3% #E374AA	RGB 227 116 170	#E374AA
50.0%	50.0% #EA80A8	RGB 234 128 168	#EA80A8
66.7%	66.7% #F18DA8	RGB 241 141 168	#F18DA8
83.3%	83.3% #F89AAA	RGB 248 154 170	#F89AAA
100.0%	100.0% #FFA8AE	RGB 255 168 174	#FFA8AE

#D65EB1 #DC69AD #E374AA #EA80A8 #F18DA8 #F89AAA #FFA8AE

#D65EB1 - #EA80A8 - #FFA8AE

CSS codes

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

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