#C98FDF - #EFDFF5 | 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 #C98FDF to #EFDFF5

#C98FDF #EFDFF5

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

#C98FDF - #EFDFF5 | 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 #C98FDF as 0% and #EFDFF5 as 100%.

0.0%	0.0% #C98FDF	RGB 201 143 223	#C98FDF
16.7%	16.7% #CF9CE2	RGB 207 156 226	#CF9CE2
33.3%	33.3% #D5A9E6	RGB 213 169 230	#D5A9E6
50.0%	50.0% #DCB7EA	RGB 220 183 234	#DCB7EA
66.7%	66.7% #E2C4ED	RGB 226 196 237	#E2C4ED
83.3%	83.3% #E8D1F1	RGB 232 209 241	#E8D1F1
100.0%	100.0% #EFDFF5	RGB 239 223 245	#EFDFF5

#C98FDF #CF9CE2 #D5A9E6 #DCB7EA #E2C4ED #E8D1F1 #EFDFF5

#C98FDF - #EFDFF5

HSV Blend

#C98FDF - #EFDFF5 | 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 #C98FDF as 0% and #EFDFF5 as 100%.

0.0%	0.0% #C98FDF	RGB 201 143 223	#C98FDF
16.7%	16.7% #CF9BE2	RGB 207 155 226	#CF9BE2
33.3%	33.3% #D5A8E6	RGB 213 168 230	#D5A8E6
50.0%	50.0% #DBB5EA	RGB 219 181 234	#DBB5EA
66.7%	66.7% #E2C3ED	RGB 226 195 237	#E2C3ED
83.3%	83.3% #E8D0F1	RGB 232 208 241	#E8D0F1
100.0%	100.0% #EFDFF5	RGB 239 223 245	#EFDFF5

#C98FDF #CF9BE2 #D5A8E6 #DBB5EA #E2C3ED #E8D0F1 #EFDFF5

#C98FDF - #DBB5EA - #EFDFF5

CSS codes

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

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