#DC69A8 - #F5D4E6 | 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 #DC69A8 to #F5D4E6

#DC69A8 #F5D4E6

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

#DC69A8 - #F5D4E6 | 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 #DC69A8 as 0% and #F5D4E6 as 100%.

0.0%	0.0% #DC69A8	RGB 220 105 168	#DC69A8
16.7%	16.7% #E07AB2	RGB 224 122 178	#E07AB2
33.3%	33.3% #E48CBC	RGB 228 140 188	#E48CBC
50.0%	50.0% #E89EC7	RGB 232 158 199	#E89EC7
66.7%	66.7% #ECB0D1	RGB 236 176 209	#ECB0D1
83.3%	83.3% #F0C2DB	RGB 240 194 219	#F0C2DB
100.0%	100.0% #F5D4E6	RGB 245 212 230	#F5D4E6

#DC69A8 #E07AB2 #E48CBC #E89EC7 #ECB0D1 #F0C2DB #F5D4E6

#DC69A8 - #F5D4E6

HSV Blend

#DC69A8 - #F5D4E6 | 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 #DC69A8 as 0% and #F5D4E6 as 100%.

0.0%	0.0% #DC69A8	RGB 220 105 168	#DC69A8
16.7%	16.7% #E079B1	RGB 224 121 177	#E079B1
33.3%	33.3% #E48ABB	RGB 228 138 187	#E48ABB
50.0%	50.0% #E89CC5	RGB 232 156 197	#E89CC5
66.7%	66.7% #ECAED0	RGB 236 174 208	#ECAED0
83.3%	83.3% #F0C0DB	RGB 240 192 219	#F0C0DB
100.0%	100.0% #F5D4E6	RGB 245 212 230	#F5D4E6

#DC69A8 #E079B1 #E48ABB #E89CC5 #ECAED0 #F0C0DB #F5D4E6

#DC69A8 - #E89CC5 - #F5D4E6

CSS codes

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

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