#DDDCDF - #A090C4 | 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 #DDDCDF to #A090C4

#DDDCDF #A090C4

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

#DDDCDF - #A090C4 | 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 #DDDCDF as 0% and #A090C4 as 100%.

0.0%	0.0% #DDDCDF	RGB 221 220 223	#DDDCDF
16.7%	16.7% #D2CFDA	RGB 210 207 218	#D2CFDA
33.3%	33.3% #C8C2D6	RGB 200 194 214	#C8C2D6
50.0%	50.0% #BEB6D1	RGB 190 182 209	#BEB6D1
66.7%	66.7% #B4A9CD	RGB 180 169 205	#B4A9CD
83.3%	83.3% #AA9CC8	RGB 170 156 200	#AA9CC8
100.0%	100.0% #A090C4	RGB 160 144 196	#A090C4

#DDDCDF #D2CFDA #C8C2D6 #BEB6D1 #B4A9CD #AA9CC8 #A090C4

#DDDCDF - #A090C4

HSV Blend

#DDDCDF - #A090C4 | 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 #DDDCDF as 0% and #A090C4 as 100%.

0.0%	0.0% #DDDCDF	RGB 221 220 223	#DDDCDF
16.7%	16.7% #D2CEDA	RGB 210 206 218	#D2CEDA
33.3%	33.3% #C7C1D6	RGB 199 193 214	#C7C1D6
50.0%	50.0% #BDB4D1	RGB 189 180 209	#BDB4D1
66.7%	66.7% #B3A7CD	RGB 179 167 205	#B3A7CD
83.3%	83.3% #A99BC8	RGB 169 155 200	#A99BC8
100.0%	100.0% #A090C4	RGB 160 144 196	#A090C4

#DDDCDF #D2CEDA #C7C1D6 #BDB4D1 #B3A7CD #A99BC8 #A090C4

#DDDCDF - #BDB4D1 - #A090C4

CSS codes

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

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