#C57FEB - #D3C2E6 | 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 #C57FEB to #D3C2E6

#C57FEB #D3C2E6

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

#C57FEB - #D3C2E6 | 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 #C57FEB as 0% and #D3C2E6 as 100%.

0.0%	0.0% #C57FEB	RGB 197 127 235	#C57FEB
16.7%	16.7% #C78AEA	RGB 199 138 234	#C78AEA
33.3%	33.3% #C995E9	RGB 201 149 233	#C995E9
50.0%	50.0% #CCA0E8	RGB 204 160 232	#CCA0E8
66.7%	66.7% #CEABE7	RGB 206 171 231	#CEABE7
83.3%	83.3% #D0B6E6	RGB 208 182 230	#D0B6E6
100.0%	100.0% #D3C2E6	RGB 211 194 230	#D3C2E6

#C57FEB #C78AEA #C995E9 #CCA0E8 #CEABE7 #D0B6E6 #D3C2E6

#C57FEB - #D3C2E6

HSV Blend

#C57FEB - #D3C2E6 | 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 #C57FEB as 0% and #D3C2E6 as 100%.

0.0%	0.0% #C57FEB	RGB 197 127 235	#C57FEB
16.7%	16.7% #C58AEA	RGB 197 138 234	#C58AEA
33.3%	33.3% #C695E9	RGB 198 149 233	#C695E9
50.0%	50.0% #C8A0E8	RGB 200 160 232	#C8A0E8
66.7%	66.7% #CBACE7	RGB 203 172 231	#CBACE7
83.3%	83.3% #CFB7E6	RGB 207 183 230	#CFB7E6
100.0%	100.0% #D3C2E6	RGB 211 194 230	#D3C2E6

#C57FEB #C58AEA #C695E9 #C8A0E8 #CBACE7 #CFB7E6 #D3C2E6

#C57FEB - #C8A0E8 - #D3C2E6

CSS codes

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

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