#EDA6FF - #962ECE | 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 #EDA6FF to #962ECE

#EDA6FF #962ECE

Calculate the color between two colors, #EDA6FF and #962ECE. 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)

#EDA6FF - #962ECE | 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 #EDA6FF as 0% and #962ECE as 100%.

0.0%	0.0% #EDA6FF	RGB 237 166 255	#EDA6FF
16.7%	16.7% #DE92F6	RGB 222 146 246	#DE92F6
33.3%	33.3% #D07EEE	RGB 208 126 238	#D07EEE
50.0%	50.0% #C16AE6	RGB 193 106 230	#C16AE6
66.7%	66.7% #B356DE	RGB 179 86 222	#B356DE
83.3%	83.3% #A442D6	RGB 164 66 214	#A442D6
100.0%	100.0% #962ECE	RGB 150 46 206	#962ECE

#EDA6FF #DE92F6 #D07EEE #C16AE6 #B356DE #A442D6 #962ECE

#EDA6FF - #962ECE

HSV Blend

#EDA6FF - #962ECE | 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 #EDA6FF as 0% and #962ECE as 100%.

0.0%	0.0% #EDA6FF	RGB 237 166 255	#EDA6FF
16.7%	16.7% #DF8FF6	RGB 223 143 246	#DF8FF6
33.3%	33.3% #D179EE	RGB 209 121 238	#D179EE
50.0%	50.0% #C264E6	RGB 194 100 230	#C264E6
66.7%	66.7% #B351DE	RGB 179 81 222	#B351DE
83.3%	83.3% #A53FD6	RGB 165 63 214	#A53FD6
100.0%	100.0% #962ECE	RGB 150 46 206	#962ECE

#EDA6FF #DF8FF6 #D179EE #C264E6 #B351DE #A53FD6 #962ECE

#EDA6FF - #C264E6 - #962ECE

CSS codes

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

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