#C087E7 - #EDDCF8 | 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 #C087E7 to #EDDCF8

#C087E7 #EDDCF8

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

#C087E7 - #EDDCF8 | 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 #C087E7 as 0% and #EDDCF8 as 100%.

0.0%	0.0% #C087E7	RGB 192 135 231	#C087E7
16.7%	16.7% #C795E9	RGB 199 149 233	#C795E9
33.3%	33.3% #CFA3EC	RGB 207 163 236	#CFA3EC
50.0%	50.0% #D6B1EF	RGB 214 177 239	#D6B1EF
66.7%	66.7% #DEBFF2	RGB 222 191 242	#DEBFF2
83.3%	83.3% #E5CDF5	RGB 229 205 245	#E5CDF5
100.0%	100.0% #EDDCF8	RGB 237 220 248	#EDDCF8

#C087E7 #C795E9 #CFA3EC #D6B1EF #DEBFF2 #E5CDF5 #EDDCF8

#C087E7 - #EDDCF8

HSV Blend

#C087E7 - #EDDCF8 | 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 #C087E7 as 0% and #EDDCF8 as 100%.

0.0%	0.0% #C087E7	RGB 192 135 231	#C087E7
16.7%	16.7% #C794E9	RGB 199 148 233	#C794E9
33.3%	33.3% #CEA2EC	RGB 206 162 236	#CEA2EC
50.0%	50.0% #D6B0EF	RGB 214 176 239	#D6B0EF
66.7%	66.7% #DDBEF2	RGB 221 190 242	#DDBEF2
83.3%	83.3% #E5CDF5	RGB 229 205 245	#E5CDF5
100.0%	100.0% #EDDCF8	RGB 237 220 248	#EDDCF8

#C087E7 #C794E9 #CEA2EC #D6B0EF #DDBEF2 #E5CDF5 #EDDCF8

#C087E7 - #D6B0EF - #EDDCF8

CSS codes

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

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