#8F655E - #CF82C7 | 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 #8F655E to #CF82C7

#8F655E #CF82C7

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

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

0.0%	0.0% #8F655E	RGB 143 101 94	#8F655E
16.7%	16.7% #99696F	RGB 153 105 111	#99696F
33.3%	33.3% #A46E81	RGB 164 110 129	#A46E81
50.0%	50.0% #AF7392	RGB 175 115 146	#AF7392
66.7%	66.7% #B978A4	RGB 185 120 164	#B978A4
83.3%	83.3% #C47DB5	RGB 196 125 181	#C47DB5
100.0%	100.0% #CF82C7	RGB 207 130 199	#CF82C7

#8F655E #99696F #A46E81 #AF7392 #B978A4 #C47DB5 #CF82C7

#8F655E - #CF82C7

HSV Blend

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

0.0%	0.0% #8F655E	RGB 143 101 94	#8F655E
16.7%	16.7% #996465	RGB 153 100 101	#996465
33.3%	33.3% #A46A76	RGB 164 106 118	#A46A76
50.0%	50.0% #AF7088	RGB 175 112 136	#AF7088
66.7%	66.7% #B9769B	RGB 185 118 155	#B9769B
83.3%	83.3% #C47CB0	RGB 196 124 176	#C47CB0
100.0%	100.0% #CF82C7	RGB 207 130 199	#CF82C7

#8F655E #996465 #A46A76 #AF7088 #B9769B #C47CB0 #CF82C7

#8F655E - #AF7088 - #CF82C7

CSS codes

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

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