#DF3C8D - #F5C7DE | 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 #DF3C8D to #F5C7DE

#DF3C8D #F5C7DE

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

#DF3C8D - #F5C7DE | 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 #DF3C8D as 0% and #F5C7DE as 100%.

0.0%	0.0% #DF3C8D	RGB 223 60 141	#DF3C8D
16.7%	16.7% #E2539A	RGB 226 83 154	#E2539A
33.3%	33.3% #E66AA8	RGB 230 106 168	#E66AA8
50.0%	50.0% #EA81B5	RGB 234 129 181	#EA81B5
66.7%	66.7% #ED98C3	RGB 237 152 195	#ED98C3
83.3%	83.3% #F1AFD0	RGB 241 175 208	#F1AFD0
100.0%	100.0% #F5C7DE	RGB 245 199 222	#F5C7DE

#DF3C8D #E2539A #E66AA8 #EA81B5 #ED98C3 #F1AFD0 #F5C7DE

#DF3C8D - #F5C7DE

HSV Blend

#DF3C8D - #F5C7DE | 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 #DF3C8D as 0% and #F5C7DE as 100%.

0.0%	0.0% #DF3C8D	RGB 223 60 141	#DF3C8D
16.7%	16.7% #E25199	RGB 226 81 153	#E25199
33.3%	33.3% #E667A6	RGB 230 103 166	#E667A6
50.0%	50.0% #EA7EB4	RGB 234 126 180	#EA7EB4
66.7%	66.7% #ED96C1	RGB 237 150 193	#ED96C1
83.3%	83.3% #F1AECF	RGB 241 174 207	#F1AECF
100.0%	100.0% #F5C7DE	RGB 245 199 222	#F5C7DE

#DF3C8D #E25199 #E667A6 #EA7EB4 #ED96C1 #F1AECF #F5C7DE

#DF3C8D - #EA7EB4 - #F5C7DE

CSS codes

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

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