#DF3CD2 - #F67CFE | 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 #DF3CD2 to #F67CFE

#DF3CD2 #F67CFE

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

#DF3CD2 - #F67CFE | 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 #DF3CD2 as 0% and #F67CFE as 100%.

0.0%	0.0% #DF3CD2	RGB 223 60 210	#DF3CD2
16.7%	16.7% #E246D9	RGB 226 70 217	#E246D9
33.3%	33.3% #E651E0	RGB 230 81 224	#E651E0
50.0%	50.0% #EA5CE8	RGB 234 92 232	#EA5CE8
66.7%	66.7% #EE66EF	RGB 238 102 239	#EE66EF
83.3%	83.3% #F271F6	RGB 242 113 246	#F271F6
100.0%	100.0% #F67CFE	RGB 246 124 254	#F67CFE

#DF3CD2 #E246D9 #E651E0 #EA5CE8 #EE66EF #F271F6 #F67CFE

#DF3CD2 - #F67CFE

HSV Blend

#DF3CD2 - #F67CFE | 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 #DF3CD2 as 0% and #F67CFE as 100%.

0.0%	0.0% #DF3CD2	RGB 223 60 210	#DF3CD2
16.7%	16.7% #E445DB	RGB 228 69 219	#E445DB
33.3%	33.3% #E94FE4	RGB 233 79 228	#E94FE4
50.0%	50.0% #EE5AED	RGB 238 90 237	#EE5AED
66.7%	66.7% #F165F3	RGB 241 101 243	#F165F3
83.3%	83.3% #F370F8	RGB 243 112 248	#F370F8
100.0%	100.0% #F67CFE	RGB 246 124 254	#F67CFE

#DF3CD2 #E445DB #E94FE4 #EE5AED #F165F3 #F370F8 #F67CFE

#DF3CD2 - #EE5AED - #F67CFE

CSS codes

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

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