#C58CFE - #F6B5E6 | 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 #C58CFE to #F6B5E6

#C58CFE #F6B5E6

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

#C58CFE - #F6B5E6 | 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 #C58CFE as 0% and #F6B5E6 as 100%.

0.0%	0.0% #C58CFE	RGB 197 140 254	#C58CFE
16.7%	16.7% #CD92FA	RGB 205 146 250	#CD92FA
33.3%	33.3% #D599F6	RGB 213 153 246	#D599F6
50.0%	50.0% #DDA0F2	RGB 221 160 242	#DDA0F2
66.7%	66.7% #E5A7EE	RGB 229 167 238	#E5A7EE
83.3%	83.3% #EDAEEA	RGB 237 174 234	#EDAEEA
100.0%	100.0% #F6B5E6	RGB 246 181 230	#F6B5E6

#C58CFE #CD92FA #D599F6 #DDA0F2 #E5A7EE #EDAEEA #F6B5E6

#C58CFE - #F6B5E6

HSV Blend

#C58CFE - #F6B5E6 | 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 #C58CFE as 0% and #F6B5E6 as 100%.

0.0%	0.0% #C58CFE	RGB 197 140 254	#C58CFE
16.7%	16.7% #D493FC	RGB 212 147 252	#D493FC
33.3%	33.3% #E299FB	RGB 226 153 251	#E299FB
50.0%	50.0% #EEA0FA	RGB 238 160 250	#EEA0FA
66.7%	66.7% #F8A7F8	RGB 248 167 248	#F8A7F8
83.3%	83.3% #F7AEEE	RGB 247 174 238	#F7AEEE
100.0%	100.0% #F6B5E6	RGB 246 181 230	#F6B5E6

#C58CFE #D493FC #E299FB #EEA0FA #F8A7F8 #F7AEEE #F6B5E6

#C58CFE - #EEA0FA - #F6B5E6

CSS codes

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

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