#FF7EFE - #CE00CD | 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 #FF7EFE to #CE00CD

#FF7EFE #CE00CD

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

#FF7EFE - #CE00CD | 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 #FF7EFE as 0% and #CE00CD as 100%.

0.0%	0.0% #FF7EFE	RGB 255 126 254	#FF7EFE
16.7%	16.7% #F669F5	RGB 246 105 245	#F669F5
33.3%	33.3% #EE54ED	RGB 238 84 237	#EE54ED
50.0%	50.0% #E63FE5	RGB 230 63 229	#E63FE5
66.7%	66.7% #DE2ADD	RGB 222 42 221	#DE2ADD
83.3%	83.3% #D615D5	RGB 214 21 213	#D615D5
100.0%	100.0% #CE00CD	RGB 206 0 205	#CE00CD

#FF7EFE #F669F5 #EE54ED #E63FE5 #DE2ADD #D615D5 #CE00CD

#FF7EFE - #CE00CD

HSV Blend

#FF7EFE - #CE00CD | 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 #FF7EFE as 0% and #CE00CD as 100%.

0.0%	0.0% #FF7EFE	RGB 255 126 254	#FF7EFE
16.7%	16.7% #F665F5	RGB 246 101 245	#F665F5
33.3%	33.3% #EE4EED	RGB 238 78 237	#EE4EED
50.0%	50.0% #E638E5	RGB 230 56 229	#E638E5
66.7%	66.7% #DE24DD	RGB 222 36 221	#DE24DD
83.3%	83.3% #D611D5	RGB 214 17 213	#D611D5
100.0%	100.0% #CE00CD	RGB 206 0 205	#CE00CD

#FF7EFE #F665F5 #EE4EED #E638E5 #DE24DD #D611D5 #CE00CD

#FF7EFE - #E638E5 - #CE00CD

CSS codes

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

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