#DECBD2 - #AA7E90 | 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 #DECBD2 to #AA7E90

#DECBD2 #AA7E90

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

#DECBD2 - #AA7E90 | 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 #DECBD2 as 0% and #AA7E90 as 100%.

0.0%	0.0% #DECBD2	RGB 222 203 210	#DECBD2
16.7%	16.7% #D5BEC7	RGB 213 190 199	#D5BEC7
33.3%	33.3% #CCB1BC	RGB 204 177 188	#CCB1BC
50.0%	50.0% #C4A4B1	RGB 196 164 177	#C4A4B1
66.7%	66.7% #BB97A6	RGB 187 151 166	#BB97A6
83.3%	83.3% #B28A9B	RGB 178 138 155	#B28A9B
100.0%	100.0% #AA7E90	RGB 170 126 144	#AA7E90

#DECBD2 #D5BEC7 #CCB1BC #C4A4B1 #BB97A6 #B28A9B #AA7E90

#DECBD2 - #AA7E90

HSV Blend

#DECBD2 - #AA7E90 | 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 #DECBD2 as 0% and #AA7E90 as 100%.

0.0%	0.0% #DECBD2	RGB 222 203 210	#DECBD2
16.7%	16.7% #D5BCC6	RGB 213 188 198	#D5BCC6
33.3%	33.3% #CCAFBA	RGB 204 175 186	#CCAFBA
50.0%	50.0% #C4A2AF	RGB 196 162 175	#C4A2AF
66.7%	66.7% #BB95A4	RGB 187 149 164	#BB95A4
83.3%	83.3% #B2899A	RGB 178 137 154	#B2899A
100.0%	100.0% #AA7E90	RGB 170 126 144	#AA7E90

#DECBD2 #D5BCC6 #CCAFBA #C4A2AF #BB95A4 #B2899A #AA7E90

#DECBD2 - #C4A2AF - #AA7E90

CSS codes

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

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