#CFB6BA - #8F5475 | 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 #CFB6BA to #8F5475

#CFB6BA #8F5475

Calculate the color between two colors, #CFB6BA and #8F5475. 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)

#CFB6BA - #8F5475 | 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 #CFB6BA as 0% and #8F5475 as 100%.

0.0%	0.0% #CFB6BA	RGB 207 182 186	#CFB6BA
16.7%	16.7% #C4A5AE	RGB 196 165 174	#C4A5AE
33.3%	33.3% #B995A3	RGB 185 149 163	#B995A3
50.0%	50.0% #AF8597	RGB 175 133 151	#AF8597
66.7%	66.7% #A4748C	RGB 164 116 140	#A4748C
83.3%	83.3% #996480	RGB 153 100 128	#996480
100.0%	100.0% #8F5475	RGB 143 84 117	#8F5475

#CFB6BA #C4A5AE #B995A3 #AF8597 #A4748C #996480 #8F5475

#CFB6BA - #8F5475

HSV Blend

#CFB6BA - #8F5475 | 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 #CFB6BA as 0% and #8F5475 as 100%.

0.0%	0.0% #CFB6BA	RGB 207 182 186	#CFB6BA
16.7%	16.7% #C4A3AA	RGB 196 163 170	#C4A3AA
33.3%	33.3% #B9919D	RGB 185 145 157	#B9919D
50.0%	50.0% #AF8091	RGB 175 128 145	#AF8091
66.7%	66.7% #A47086	RGB 164 112 134	#A47086
83.3%	83.3% #99617D	RGB 153 97 125	#99617D
100.0%	100.0% #8F5475	RGB 143 84 117	#8F5475

#CFB6BA #C4A3AA #B9919D #AF8091 #A47086 #99617D #8F5475

#CFB6BA - #AF8091 - #8F5475

CSS codes

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

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