#D8CADE - #9F6D99 | 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 #D8CADE to #9F6D99

#D8CADE #9F6D99

Calculate the color between two colors, #D8CADE and #9F6D99. 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)

#D8CADE - #9F6D99 | 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 #D8CADE as 0% and #9F6D99 as 100%.

0.0%	0.0% #D8CADE	RGB 216 202 222	#D8CADE
16.7%	16.7% #CEBAD2	RGB 206 186 210	#CEBAD2
33.3%	33.3% #C5ABC7	RGB 197 171 199	#C5ABC7
50.0%	50.0% #BB9BBB	RGB 187 155 187	#BB9BBB
66.7%	66.7% #B28CB0	RGB 178 140 176	#B28CB0
83.3%	83.3% #A87CA4	RGB 168 124 164	#A87CA4
100.0%	100.0% #9F6D99	RGB 159 109 153	#9F6D99

#D8CADE #CEBAD2 #C5ABC7 #BB9BBB #B28CB0 #A87CA4 #9F6D99

#D8CADE - #9F6D99

HSV Blend

#D8CADE - #9F6D99 | 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 #D8CADE as 0% and #9F6D99 as 100%.

0.0%	0.0% #D8CADE	RGB 216 202 222	#D8CADE
16.7%	16.7% #CDB8D3	RGB 205 184 211	#CDB8D3
33.3%	33.3% #C3A7C9	RGB 195 167 201	#C3A7C9
50.0%	50.0% #BB97BE	RGB 187 151 190	#BB97BE
66.7%	66.7% #B388B4	RGB 179 136 180	#B388B4
83.3%	83.3% #A97AA7	RGB 169 122 167	#A97AA7
100.0%	100.0% #9F6D99	RGB 159 109 153	#9F6D99

#D8CADE #CDB8D3 #C3A7C9 #BB97BE #B388B4 #A97AA7 #9F6D99

#D8CADE - #BB97BE - #9F6D99

CSS codes

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

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