#EF3CFF - #6D00D5 | 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 #EF3CFF to #6D00D5

#EF3CFF #6D00D5

Calculate the color between two colors, #EF3CFF and #6D00D5. 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)

#EF3CFF - #6D00D5 | 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 #EF3CFF as 0% and #6D00D5 as 100%.

0.0%	0.0% #EF3CFF	RGB 239 60 255	#EF3CFF
16.7%	16.7% #D932F8	RGB 217 50 248	#D932F8
33.3%	33.3% #C328F1	RGB 195 40 241	#C328F1
50.0%	50.0% #AE1EEA	RGB 174 30 234	#AE1EEA
66.7%	66.7% #9814E3	RGB 152 20 227	#9814E3
83.3%	83.3% #820ADC	RGB 130 10 220	#820ADC
100.0%	100.0% #6D00D5	RGB 109 0 213	#6D00D5

#EF3CFF #D932F8 #C328F1 #AE1EEA #9814E3 #820ADC #6D00D5

#EF3CFF - #6D00D5

HSV Blend

#EF3CFF - #6D00D5 | 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 #EF3CFF as 0% and #6D00D5 as 100%.

0.0%	0.0% #EF3BFF	RGB 239 59 255	#EF3BFF
16.7%	16.7% #DA30F8	RGB 218 48 248	#DA30F8
33.3%	33.3% #C425F1	RGB 196 37 241	#C425F1
50.0%	50.0% #AF1BEA	RGB 175 27 234	#AF1BEA
66.7%	66.7% #9911E3	RGB 153 17 227	#9911E3
83.3%	83.3% #8308DC	RGB 131 8 220	#8308DC
100.0%	100.0% #6D00D5	RGB 109 0 213	#6D00D5

#EF3BFF #DA30F8 #C425F1 #AF1BEA #9911E3 #8308DC #6D00D5

#EF3CFF - #AF1BEA - #6D00D5

CSS codes

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

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