#967D5E - #CF98CA | 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 #967D5E to #CF98CA

#967D5E #CF98CA

Calculate the color between two colors, #967D5E and #CF98CA. 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)

#967D5E - #CF98CA | 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 #967D5E as 0% and #CF98CA as 100%.

0.0%	0.0% #967D5E	RGB 150 125 94	#967D5E
16.7%	16.7% #9F8170	RGB 159 129 112	#9F8170
33.3%	33.3% #A98682	RGB 169 134 130	#A98682
50.0%	50.0% #B28A94	RGB 178 138 148	#B28A94
66.7%	66.7% #BC8FA6	RGB 188 143 166	#BC8FA6
83.3%	83.3% #C593B8	RGB 197 147 184	#C593B8
100.0%	100.0% #CF98CA	RGB 207 152 202	#CF98CA

#967D5E #9F8170 #A98682 #B28A94 #BC8FA6 #C593B8 #CF98CA

#967D5E - #CF98CA

HSV Blend

#967D5E - #CF98CA | 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 #967D5E as 0% and #CF98CA as 100%.

0.0%	0.0% #967D5E	RGB 150 125 94	#967D5E
16.7%	16.7% #9F7866	RGB 159 120 102	#9F7866
33.3%	33.3% #A9736F	RGB 169 115 111	#A9736F
50.0%	50.0% #B27983	RGB 178 121 131	#B27983
66.7%	66.7% #BC839B	RGB 188 131 155	#BC839B
83.3%	83.3% #C58DB2	RGB 197 141 178	#C58DB2
100.0%	100.0% #CF98CA	RGB 207 152 202	#CF98CA

#967D5E #9F7866 #A9736F #B27983 #BC839B #C58DB2 #CF98CA

#967D5E - #B27983 - #CF98CA

CSS codes

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

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