#DF40A8 - #FFB3CD | 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 #DF40A8 to #FFB3CD

#DF40A8 #FFB3CD

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

#DF40A8 - #FFB3CD | 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 #DF40A8 as 0% and #FFB3CD as 100%.

0.0%	0.0% #DF40A8	RGB 223 64 168	#DF40A8
16.7%	16.7% #E453AE	RGB 228 83 174	#E453AE
33.3%	33.3% #E966B4	RGB 233 102 180	#E966B4
50.0%	50.0% #EF79BA	RGB 239 121 186	#EF79BA
66.7%	66.7% #F48CC0	RGB 244 140 192	#F48CC0
83.3%	83.3% #F99FC6	RGB 249 159 198	#F99FC6
100.0%	100.0% #FFB3CD	RGB 255 179 205	#FFB3CD

#DF40A8 #E453AE #E966B4 #EF79BA #F48CC0 #F99FC6 #FFB3CD

#DF40A8 - #FFB3CD

HSV Blend

#DF40A8 - #FFB3CD | 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 #DF40A8 as 0% and #FFB3CD as 100%.

0.0%	0.0% #DF40A8	RGB 223 64 168	#DF40A8
16.7%	16.7% #E451A9	RGB 228 81 169	#E451A9
33.3%	33.3% #E963AD	RGB 233 99 173	#E963AD
50.0%	50.0% #EF76B2	RGB 239 118 178	#EF76B2
66.7%	66.7% #F489B9	RGB 244 137 185	#F489B9
83.3%	83.3% #F99DC2	RGB 249 157 194	#F99DC2
100.0%	100.0% #FFB3CD	RGB 255 179 205	#FFB3CD

#DF40A8 #E451A9 #E963AD #EF76B2 #F489B9 #F99DC2 #FFB3CD

#DF40A8 - #EF76B2 - #FFB3CD

CSS codes

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

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