#C26BF1 - #EDD4FB | 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 #C26BF1 to #EDD4FB

#C26BF1 #EDD4FB

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

#C26BF1 - #EDD4FB | 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 #C26BF1 as 0% and #EDD4FB as 100%.

0.0%	0.0% #C26BF1	RGB 194 107 241	#C26BF1
16.7%	16.7% #C97CF2	RGB 201 124 242	#C97CF2
33.3%	33.3% #D08EF4	RGB 208 142 244	#D08EF4
50.0%	50.0% #D79FF6	RGB 215 159 246	#D79FF6
66.7%	66.7% #DEB1F7	RGB 222 177 247	#DEB1F7
83.3%	83.3% #E5C2F9	RGB 229 194 249	#E5C2F9
100.0%	100.0% #EDD4FB	RGB 237 212 251	#EDD4FB

#C26BF1 #C97CF2 #D08EF4 #D79FF6 #DEB1F7 #E5C2F9 #EDD4FB

#C26BF1 - #EDD4FB

HSV Blend

#C26BF1 - #EDD4FB | 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 #C26BF1 as 0% and #EDD4FB as 100%.

0.0%	0.0% #C26BF1	RGB 194 107 241	#C26BF1
16.7%	16.7% #C87BF2	RGB 200 123 242	#C87BF2
33.3%	33.3% #CF8DF4	RGB 207 141 244	#CF8DF4
50.0%	50.0% #D69EF6	RGB 214 158 246	#D69EF6
66.7%	66.7% #DEB0F7	RGB 222 176 247	#DEB0F7
83.3%	83.3% #E5C1F9	RGB 229 193 249	#E5C1F9
100.0%	100.0% #EDD4FB	RGB 237 212 251	#EDD4FB

#C26BF1 #C87BF2 #CF8DF4 #D69EF6 #DEB0F7 #E5C1F9 #EDD4FB

#C26BF1 - #D69EF6 - #EDD4FB

CSS codes

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

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