#C7ADAE - #DDBBE2 | 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 #C7ADAE to #DDBBE2

#C7ADAE #DDBBE2

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

#C7ADAE - #DDBBE2 | 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 #C7ADAE as 0% and #DDBBE2 as 100%.

0.0%	0.0% #C7ADAE	RGB 199 173 174	#C7ADAE
16.7%	16.7% #CAAFB6	RGB 202 175 182	#CAAFB6
33.3%	33.3% #CEB1BF	RGB 206 177 191	#CEB1BF
50.0%	50.0% #D2B4C8	RGB 210 180 200	#D2B4C8
66.7%	66.7% #D5B6D0	RGB 213 182 208	#D5B6D0
83.3%	83.3% #D9B8D9	RGB 217 184 217	#D9B8D9
100.0%	100.0% #DDBBE2	RGB 221 187 226	#DDBBE2

#C7ADAE #CAAFB6 #CEB1BF #D2B4C8 #D5B6D0 #D9B8D9 #DDBBE2

#C7ADAE - #DDBBE2

HSV Blend

#C7ADAE - #DDBBE2 | 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 #C7ADAE as 0% and #DDBBE2 as 100%.

0.0%	0.0% #C7ADAE	RGB 199 173 174	#C7ADAE
16.7%	16.7% #CBAFB5	RGB 203 175 181	#CBAFB5
33.3%	33.3% #D0B1BE	RGB 208 177 190	#D0B1BE
50.0%	50.0% #D4B4C7	RGB 212 180 199	#D4B4C7
66.7%	66.7% #D9B6D0	RGB 217 182 208	#D9B6D0
83.3%	83.3% #DDB8DB	RGB 221 184 219	#DDB8DB
100.0%	100.0% #DDBBE2	RGB 221 187 226	#DDBBE2

#C7ADAE #CBAFB5 #D0B1BE #D4B4C7 #D9B6D0 #DDB8DB #DDBBE2

#C7ADAE - #D4B4C7 - #DDBBE2

CSS codes

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

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