#C79BBB - #EFE2EB | 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 #C79BBB to #EFE2EB

#C79BBB #EFE2EB

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

#C79BBB - #EFE2EB | 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 #C79BBB as 0% and #EFE2EB as 100%.

0.0%	0.0% #C79BBB	RGB 199 155 187	#C79BBB
16.7%	16.7% #CDA6C3	RGB 205 166 195	#CDA6C3
33.3%	33.3% #D4B2CB	RGB 212 178 203	#D4B2CB
50.0%	50.0% #DBBED3	RGB 219 190 211	#DBBED3
66.7%	66.7% #E1CADB	RGB 225 202 219	#E1CADB
83.3%	83.3% #E8D6E3	RGB 232 214 227	#E8D6E3
100.0%	100.0% #EFE2EB	RGB 239 226 235	#EFE2EB

#C79BBB #CDA6C3 #D4B2CB #DBBED3 #E1CADB #E8D6E3 #EFE2EB

#C79BBB - #EFE2EB

HSV Blend

#C79BBB - #EFE2EB | 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 #C79BBB as 0% and #EFE2EB as 100%.

0.0%	0.0% #C79BBB	RGB 199 155 187	#C79BBB
16.7%	16.7% #CDA5C2	RGB 205 165 194	#CDA5C2
33.3%	33.3% #D4B1CA	RGB 212 177 202	#D4B1CA
50.0%	50.0% #DBBCD2	RGB 219 188 210	#DBBCD2
66.7%	66.7% #E1C8DA	RGB 225 200 218	#E1C8DA
83.3%	83.3% #E8D5E2	RGB 232 213 226	#E8D5E2
100.0%	100.0% #EFE2EB	RGB 239 226 235	#EFE2EB

#C79BBB #CDA5C2 #D4B1CA #DBBCD2 #E1C8DA #E8D5E2 #EFE2EB

#C79BBB - #DBBCD2 - #EFE2EB

CSS codes

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

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