#CFB8C5 - #905E7F | 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 #CFB8C5 to #905E7F

#CFB8C5 #905E7F

Calculate the color between two colors, #CFB8C5 and #905E7F. 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)

#CFB8C5 - #905E7F | 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 #CFB8C5 as 0% and #905E7F as 100%.

0.0%	0.0% #CFB8C5	RGB 207 184 197	#CFB8C5
16.7%	16.7% #C4A9B9	RGB 196 169 185	#C4A9B9
33.3%	33.3% #BA9AAD	RGB 186 154 173	#BA9AAD
50.0%	50.0% #AF8BA2	RGB 175 139 162	#AF8BA2
66.7%	66.7% #A57C96	RGB 165 124 150	#A57C96
83.3%	83.3% #9A6D8A	RGB 154 109 138	#9A6D8A
100.0%	100.0% #905E7F	RGB 144 94 127	#905E7F

#CFB8C5 #C4A9B9 #BA9AAD #AF8BA2 #A57C96 #9A6D8A #905E7F

#CFB8C5 - #905E7F

HSV Blend

#CFB8C5 - #905E7F | 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 #CFB8C5 as 0% and #905E7F as 100%.

0.0%	0.0% #CFB8C5	RGB 207 184 197	#CFB8C5
16.7%	16.7% #C4A6B8	RGB 196 166 184	#C4A6B8
33.3%	33.3% #BA96AB	RGB 186 150 171	#BA96AB
50.0%	50.0% #AF879F	RGB 175 135 159	#AF879F
66.7%	66.7% #A57894	RGB 165 120 148	#A57894
83.3%	83.3% #9A6A89	RGB 154 106 137	#9A6A89
100.0%	100.0% #905E7F	RGB 144 94 127	#905E7F

#CFB8C5 #C4A6B8 #BA96AB #AF879F #A57894 #9A6A89 #905E7F

#CFB8C5 - #AF879F - #905E7F

CSS codes

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

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