#C08DED - #FDDBE9 | 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 #C08DED to #FDDBE9

#C08DED #FDDBE9

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

#C08DED - #FDDBE9 | 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 #C08DED as 0% and #FDDBE9 as 100%.

0.0%	0.0% #C08DED	RGB 192 141 237	#C08DED
16.7%	16.7% #CA9AEC	RGB 202 154 236	#CA9AEC
33.3%	33.3% #D4A7EB	RGB 212 167 235	#D4A7EB
50.0%	50.0% #DEB4EB	RGB 222 180 235	#DEB4EB
66.7%	66.7% #E8C1EA	RGB 232 193 234	#E8C1EA
83.3%	83.3% #F2CEE9	RGB 242 206 233	#F2CEE9
100.0%	100.0% #FDDBE9	RGB 253 219 233	#FDDBE9

#C08DED #CA9AEC #D4A7EB #DEB4EB #E8C1EA #F2CEE9 #FDDBE9

#C08DED - #FDDBE9

HSV Blend

#C08DED - #FDDBE9 | 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 #C08DED as 0% and #FDDBE9 as 100%.

0.0%	0.0% #C08DED	RGB 192 141 237	#C08DED
16.7%	16.7% #D699EF	RGB 214 153 239	#D699EF
33.3%	33.3% #E9A6F2	RGB 233 166 242	#E9A6F2
50.0%	50.0% #F5B2F1	RGB 245 178 241	#F5B2F1
66.7%	66.7% #F7C0EA	RGB 247 192 234	#F7C0EA
83.3%	83.3% #FACDE7	RGB 250 205 231	#FACDE7
100.0%	100.0% #FDDBE9	RGB 253 219 233	#FDDBE9

#C08DED #D699EF #E9A6F2 #F5B2F1 #F7C0EA #FACDE7 #FDDBE9

#C08DED - #F5B2F1 - #FDDBE9

CSS codes

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

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