#DAB7E4 - #CAD4E5 | 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 #DAB7E4 to #CAD4E5

#DAB7E4 #CAD4E5

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

#DAB7E4 - #CAD4E5 | 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 #DAB7E4 as 0% and #CAD4E5 as 100%.

0.0%	0.0% #DAB7E4	RGB 218 183 228	#DAB7E4
16.7%	16.7% #D7BBE4	RGB 215 187 228	#D7BBE4
33.3%	33.3% #D4C0E4	RGB 212 192 228	#D4C0E4
50.0%	50.0% #D2C5E4	RGB 210 197 228	#D2C5E4
66.7%	66.7% #CFCAE4	RGB 207 202 228	#CFCAE4
83.3%	83.3% #CCCFE4	RGB 204 207 228	#CCCFE4
100.0%	100.0% #CAD4E5	RGB 202 212 229	#CAD4E5

#DAB7E4 #D7BBE4 #D4C0E4 #D2C5E4 #CFCAE4 #CCCFE4 #CAD4E5

#DAB7E4 - #CAD4E5

HSV Blend

#DAB7E4 - #CAD4E5 | 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 #DAB7E4 as 0% and #CAD4E5 as 100%.

0.0%	0.0% #DAB7E4	RGB 218 183 228	#DAB7E4
16.7%	16.7% #D2BAE4	RGB 210 186 228	#D2BAE4
33.3%	33.3% #CCBDE4	RGB 204 189 228	#CCBDE4
50.0%	50.0% #C7C0E4	RGB 199 192 228	#C7C0E4
66.7%	66.7% #C4C3E4	RGB 196 195 228	#C4C3E4
83.3%	83.3% #C6CCE4	RGB 198 204 228	#C6CCE4
100.0%	100.0% #CAD4E5	RGB 202 212 229	#CAD4E5

#DAB7E4 #D2BAE4 #CCBDE4 #C7C0E4 #C4C3E4 #C6CCE4 #CAD4E5

#DAB7E4 - #C7C0E4 - #CAD4E5

CSS codes

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

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