#DBD4DF - #AE81BC | 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 #DBD4DF to #AE81BC

#DBD4DF #AE81BC

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

#DBD4DF - #AE81BC | 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 #DBD4DF as 0% and #AE81BC as 100%.

0.0%	0.0% #DBD4DF	RGB 219 212 223	#DBD4DF
16.7%	16.7% #D3C6D9	RGB 211 198 217	#D3C6D9
33.3%	33.3% #CCB8D3	RGB 204 184 211	#CCB8D3
50.0%	50.0% #C4AACD	RGB 196 170 205	#C4AACD
66.7%	66.7% #BD9CC7	RGB 189 156 199	#BD9CC7
83.3%	83.3% #B58EC1	RGB 181 142 193	#B58EC1
100.0%	100.0% #AE81BC	RGB 174 129 188	#AE81BC

#DBD4DF #D3C6D9 #CCB8D3 #C4AACD #BD9CC7 #B58EC1 #AE81BC

#DBD4DF - #AE81BC

HSV Blend

#DBD4DF - #AE81BC | 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 #DBD4DF as 0% and #AE81BC as 100%.

0.0%	0.0% #DBD4DF	RGB 219 212 223	#DBD4DF
16.7%	16.7% #D2C4D9	RGB 210 196 217	#D2C4D9
33.3%	33.3% #C9B6D3	RGB 201 182 211	#C9B6D3
50.0%	50.0% #C2A8CD	RGB 194 168 205	#C2A8CD
66.7%	66.7% #BB9AC7	RGB 187 154 199	#BB9AC7
83.3%	83.3% #B48DC1	RGB 180 141 193	#B48DC1
100.0%	100.0% #AE81BC	RGB 174 129 188	#AE81BC

#DBD4DF #D2C4D9 #C9B6D3 #C2A8CD #BB9AC7 #B48DC1 #AE81BC

#DBD4DF - #C2A8CD - #AE81BC

CSS codes

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

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