#D9C0D6 - #B45F90 | 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 #D9C0D6 to #B45F90

#D9C0D6 #B45F90

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

#D9C0D6 - #B45F90 | 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 #D9C0D6 as 0% and #B45F90 as 100%.

0.0%	0.0% #D9C0D6	RGB 217 192 214	#D9C0D6
16.7%	16.7% #D2AFCA	RGB 210 175 202	#D2AFCA
33.3%	33.3% #CC9FBE	RGB 204 159 190	#CC9FBE
50.0%	50.0% #C68FB3	RGB 198 143 179	#C68FB3
66.7%	66.7% #C07FA7	RGB 192 127 167	#C07FA7
83.3%	83.3% #BA6F9B	RGB 186 111 155	#BA6F9B
100.0%	100.0% #B45F90	RGB 180 95 144	#B45F90

#D9C0D6 #D2AFCA #CC9FBE #C68FB3 #C07FA7 #BA6F9B #B45F90

#D9C0D6 - #B45F90

HSV Blend

#D9C0D6 - #B45F90 | 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 #D9C0D6 as 0% and #B45F90 as 100%.

0.0%	0.0% #D9C0D6	RGB 217 192 214	#D9C0D6
16.7%	16.7% #D2ADCC	RGB 210 173 204	#D2ADCC
33.3%	33.3% #CC9CC2	RGB 204 156 194	#CC9CC2
50.0%	50.0% #C68CB6	RGB 198 140 182	#C68CB6
66.7%	66.7% #C07CAA	RGB 192 124 170	#C07CAA
83.3%	83.3% #BA6D9D	RGB 186 109 157	#BA6D9D
100.0%	100.0% #B45F90	RGB 180 95 144	#B45F90

#D9C0D6 #D2ADCC #CC9CC2 #C68CB6 #C07CAA #BA6D9D #B45F90

#D9C0D6 - #C68CB6 - #B45F90

CSS codes

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

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