#DDCDD0 - #AB7E88 | 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 #DDCDD0 to #AB7E88

#DDCDD0 #AB7E88

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

#DDCDD0 - #AB7E88 | 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 #DDCDD0 as 0% and #AB7E88 as 100%.

0.0%	0.0% #DDCDD0	RGB 221 205 208	#DDCDD0
16.7%	16.7% #D4BFC4	RGB 212 191 196	#D4BFC4
33.3%	33.3% #CCB2B8	RGB 204 178 184	#CCB2B8
50.0%	50.0% #C4A5AC	RGB 196 165 172	#C4A5AC
66.7%	66.7% #BB98A0	RGB 187 152 160	#BB98A0
83.3%	83.3% #B38B94	RGB 179 139 148	#B38B94
100.0%	100.0% #AB7E88	RGB 171 126 136	#AB7E88

#DDCDD0 #D4BFC4 #CCB2B8 #C4A5AC #BB98A0 #B38B94 #AB7E88

#DDCDD0 - #AB7E88

HSV Blend

#DDCDD0 - #AB7E88 | 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 #DDCDD0 as 0% and #AB7E88 as 100%.

0.0%	0.0% #DDCDD0	RGB 221 205 208	#DDCDD0
16.7%	16.7% #D4BEC2	RGB 212 190 194	#D4BEC2
33.3%	33.3% #CCB0B6	RGB 204 176 182	#CCB0B6
50.0%	50.0% #C4A3A9	RGB 196 163 169	#C4A3A9
66.7%	66.7% #BB969E	RGB 187 150 158	#BB969E
83.3%	83.3% #B38992	RGB 179 137 146	#B38992
100.0%	100.0% #AB7E88	RGB 171 126 136	#AB7E88

#DDCDD0 #D4BEC2 #CCB0B6 #C4A3A9 #BB969E #B38992 #AB7E88

#DDCDD0 - #C4A3A9 - #AB7E88

CSS codes

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

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