#C95FC1 - #EFD1ED | 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 #C95FC1 to #EFD1ED

#C95FC1 #EFD1ED

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

#C95FC1 - #EFD1ED | 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 #C95FC1 as 0% and #EFD1ED as 100%.

0.0%	0.0% #C95FC1	RGB 201 95 193	#C95FC1
16.7%	16.7% #CF72C8	RGB 207 114 200	#CF72C8
33.3%	33.3% #D585CF	RGB 213 133 207	#D585CF
50.0%	50.0% #DC98D7	RGB 220 152 215	#DC98D7
66.7%	66.7% #E2ABDE	RGB 226 171 222	#E2ABDE
83.3%	83.3% #E8BEE5	RGB 232 190 229	#E8BEE5
100.0%	100.0% #EFD1ED	RGB 239 209 237	#EFD1ED

#C95FC1 #CF72C8 #D585CF #DC98D7 #E2ABDE #E8BEE5 #EFD1ED

#C95FC1 - #EFD1ED

HSV Blend

#C95FC1 - #EFD1ED | 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 #C95FC1 as 0% and #EFD1ED as 100%.

0.0%	0.0% #C95EC1	RGB 201 94 193	#C95EC1
16.7%	16.7% #CF6FC8	RGB 207 111 200	#CF6FC8
33.3%	33.3% #D581CF	RGB 213 129 207	#D581CF
50.0%	50.0% #DC94D6	RGB 220 148 214	#DC94D6
66.7%	66.7% #E2A7DE	RGB 226 167 222	#E2A7DE
83.3%	83.3% #E8BBE5	RGB 232 187 229	#E8BBE5
100.0%	100.0% #EFD1ED	RGB 239 209 237	#EFD1ED

#C95EC1 #CF6FC8 #D581CF #DC94D6 #E2A7DE #E8BBE5 #EFD1ED

#C95FC1 - #DC94D6 - #EFD1ED

CSS codes

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

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