#C73DFF - #EFC7FF | 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 #C73DFF to #EFC7FF

#C73DFF #EFC7FF

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

#C73DFF - #EFC7FF | 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 #C73DFF as 0% and #EFC7FF as 100%.

0.0%	0.0% #C73DFF	RGB 199 61 255	#C73DFF
16.7%	16.7% #CD54FF	RGB 205 84 255	#CD54FF
33.3%	33.3% #D46BFF	RGB 212 107 255	#D46BFF
50.0%	50.0% #DB82FF	RGB 219 130 255	#DB82FF
66.7%	66.7% #E199FF	RGB 225 153 255	#E199FF
83.3%	83.3% #E8B0FF	RGB 232 176 255	#E8B0FF
100.0%	100.0% #EFC7FF	RGB 239 199 255	#EFC7FF

#C73DFF #CD54FF #D46BFF #DB82FF #E199FF #E8B0FF #EFC7FF

#C73DFF - #EFC7FF

HSV Blend

#C73DFF - #EFC7FF | 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 #C73DFF as 0% and #EFC7FF as 100%.

0.0%	0.0% #C73DFF	RGB 199 61 255	#C73DFF
16.7%	16.7% #CD54FF	RGB 205 84 255	#CD54FF
33.3%	33.3% #D46BFF	RGB 212 107 255	#D46BFF
50.0%	50.0% #DB82FF	RGB 219 130 255	#DB82FF
66.7%	66.7% #E199FF	RGB 225 153 255	#E199FF
83.3%	83.3% #E8B0FF	RGB 232 176 255	#E8B0FF
100.0%	100.0% #EFC7FF	RGB 239 199 255	#EFC7FF

#C73DFF #CD54FF #D46BFF #DB82FF #E199FF #E8B0FF #EFC7FF

#C73DFF - #DB82FF - #EFC7FF

CSS codes

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

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