#CBCC9A - #DFBCCC | 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 #CBCC9A to #DFBCCC

#CBCC9A #DFBCCC

Calculate the color between two colors, #CBCC9A and #DFBCCC. 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)

#CBCC9A - #DFBCCC | 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 #CBCC9A as 0% and #DFBCCC as 100%.

0.0%	0.0% #CBCC9A	RGB 203 204 154	#CBCC9A
16.7%	16.7% #CEC9A2	RGB 206 201 162	#CEC9A2
33.3%	33.3% #D1C6AA	RGB 209 198 170	#D1C6AA
50.0%	50.0% #D5C4B3	RGB 213 196 179	#D5C4B3
66.7%	66.7% #D8C1BB	RGB 216 193 187	#D8C1BB
83.3%	83.3% #DBBEC3	RGB 219 190 195	#DBBEC3
100.0%	100.0% #DFBCCC	RGB 223 188 204	#DFBCCC

#CBCC9A #CEC9A2 #D1C6AA #D5C4B3 #D8C1BB #DBBEC3 #DFBCCC

#CBCC9A - #DFBCCC

HSV Blend

#CBCC9A - #DFBCCC | 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 #CBCC9A as 0% and #DFBCCC as 100%.

0.0%	0.0% #CBCC9A	RGB 203 204 154	#CBCC9A
16.7%	16.7% #CFC49F	RGB 207 196 159	#CFC49F
33.3%	33.3% #D2BCA4	RGB 210 188 164	#D2BCA4
50.0%	50.0% #D5B6AA	RGB 213 182 170	#D5B6AA
66.7%	66.7% #D8B1B0	RGB 216 177 176	#D8B1B0
83.3%	83.3% #DBB6BE	RGB 219 182 190	#DBB6BE
100.0%	100.0% #DFBCCC	RGB 223 188 204	#DFBCCC

#CBCC9A #CFC49F #D2BCA4 #D5B6AA #D8B1B0 #DBB6BE #DFBCCC

#CBCC9A - #D5B6AA - #DFBCCC

CSS codes

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

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