#CBA2A7 - #D3E3E4 | 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 #CBA2A7 to #D3E3E4

#CBA2A7 #D3E3E4

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

#CBA2A7 - #D3E3E4 | 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 #CBA2A7 as 0% and #D3E3E4 as 100%.

0.0%	0.0% #CBA2A7	RGB 203 162 167	#CBA2A7
16.7%	16.7% #CCACB1	RGB 204 172 177	#CCACB1
33.3%	33.3% #CDB7BB	RGB 205 183 187	#CDB7BB
50.0%	50.0% #CFC2C5	RGB 207 194 197	#CFC2C5
66.7%	66.7% #D0CDCF	RGB 208 205 207	#D0CDCF
83.3%	83.3% #D1D8D9	RGB 209 216 217	#D1D8D9
100.0%	100.0% #D3E3E4	RGB 211 227 228	#D3E3E4

#CBA2A7 #CCACB1 #CDB7BB #CFC2C5 #D0CDCF #D1D8D9 #D3E3E4

#CBA2A7 - #D3E3E4

HSV Blend

#CBA2A7 - #D3E3E4 | 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 #CBA2A7 as 0% and #D3E3E4 as 100%.

0.0%	0.0% #CBA2A7	RGB 203 162 167	#CBA2A7
16.7%	16.7% #CFA9BF	RGB 207 169 191	#CFA9BF
33.3%	33.3% #D1B1D3	RGB 209 177 211	#D1B1D3
50.0%	50.0% #C7B9D7	RGB 199 185 215	#C7B9D7
66.7%	66.7% #C1C1DB	RGB 193 193 219	#C1C1DB
83.3%	83.3% #CAD4DF	RGB 202 212 223	#CAD4DF
100.0%	100.0% #D3E3E4	RGB 211 227 228	#D3E3E4

#CBA2A7 #CFA9BF #D1B1D3 #C7B9D7 #C1C1DB #CAD4DF #D3E3E4

#CBA2A7 - #C7B9D7 - #D3E3E4

CSS codes

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

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