#968A8B - #FFCCA0 | 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 #968A8B to #FFCCA0

#968A8B #FFCCA0

Calculate the color between two colors, #968A8B and #FFCCA0. 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)

#968A8B - #FFCCA0 | 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 #968A8B as 0% and #FFCCA0 as 100%.

0.0%	0.0% #968A8B	RGB 150 138 139	#968A8B
16.7%	16.7% #A7958E	RGB 167 149 142	#A7958E
33.3%	33.3% #B9A092	RGB 185 160 146	#B9A092
50.0%	50.0% #CAAB95	RGB 202 171 149	#CAAB95
66.7%	66.7% #DCB699	RGB 220 182 153	#DCB699
83.3%	83.3% #EDC19C	RGB 237 193 156	#EDC19C
100.0%	100.0% #FFCCA0	RGB 255 204 160	#FFCCA0

#968A8B #A7958E #B9A092 #CAAB95 #DCB699 #EDC19C #FFCCA0

#968A8B - #FFCCA0

HSV Blend

#968A8B - #FFCCA0 | 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 #968A8B as 0% and #FFCCA0 as 100%.

0.0%	0.0% #968A8B	RGB 150 138 139	#968A8B
16.7%	16.7% #A79291	RGB 167 146 145	#A79291
33.3%	33.3% #B99B98	RGB 185 155 152	#B99B98
50.0%	50.0% #CAA59C	RGB 202 165 156	#CAA59C
66.7%	66.7% #DCB09F	RGB 220 176 159	#DCB09F
83.3%	83.3% #EDBDA0	RGB 237 189 160	#EDBDA0
100.0%	100.0% #FFCCA0	RGB 255 204 160	#FFCCA0

#968A8B #A79291 #B99B98 #CAA59C #DCB09F #EDBDA0 #FFCCA0

#968A8B - #CAA59C - #FFCCA0

CSS codes

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

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