#969AAB - #D9CCB8 | 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 #969AAB to #D9CCB8

#969AAB #D9CCB8

Calculate the color between two colors, #969AAB and #D9CCB8. 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)

#969AAB - #D9CCB8 | 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 #969AAB as 0% and #D9CCB8 as 100%.

0.0%	0.0% #969AAB	RGB 150 154 171	#969AAB
16.7%	16.7% #A1A2AD	RGB 161 162 173	#A1A2AD
33.3%	33.3% #ACAAAF	RGB 172 170 175	#ACAAAF
50.0%	50.0% #B7B3B1	RGB 183 179 177	#B7B3B1
66.7%	66.7% #C2BBB3	RGB 194 187 179	#C2BBB3
83.3%	83.3% #CDC3B5	RGB 205 195 181	#CDC3B5
100.0%	100.0% #D9CCB8	RGB 217 204 184	#D9CCB8

#969AAB #A1A2AD #ACAAAF #B7B3B1 #C2BBB3 #CDC3B5 #D9CCB8

#969AAB - #D9CCB8

HSV Blend

#969AAB - #D9CCB8 | 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 #969AAB as 0% and #D9CCB8 as 100%.

0.0%	0.0% #969AAB	RGB 150 154 171	#969AAB
16.7%	16.7% #A29BB2	RGB 162 155 178	#A29BB2
33.3%	33.3% #B3A1BA	RGB 179 161 186	#B3A1BA
50.0%	50.0% #C2A7BC	RGB 194 167 188	#C2A7BC
66.7%	66.7% #C9ACB6	RGB 201 172 182	#C9ACB6
83.3%	83.3% #D1B6B2	RGB 209 182 178	#D1B6B2
100.0%	100.0% #D9CCB8	RGB 217 204 184	#D9CCB8

#969AAB #A29BB2 #B3A1BA #C2A7BC #C9ACB6 #D1B6B2 #D9CCB8

#969AAB - #C2A7BC - #D9CCB8

CSS codes

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

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