#DADAF2 - #CAD3E9 | 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 #DADAF2 to #CAD3E9

#DADAF2 #CAD3E9

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

#DADAF2 - #CAD3E9 | 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 #DADAF2 as 0% and #CAD3E9 as 100%.

0.0%	0.0% #DADAF2	RGB 218 218 242	#DADAF2
16.7%	16.7% #D7D8F0	RGB 215 216 240	#D7D8F0
33.3%	33.3% #D4D7EF	RGB 212 215 239	#D4D7EF
50.0%	50.0% #D2D6ED	RGB 210 214 237	#D2D6ED
66.7%	66.7% #CFD5EC	RGB 207 213 236	#CFD5EC
83.3%	83.3% #CCD4EA	RGB 204 212 234	#CCD4EA
100.0%	100.0% #CAD3E9	RGB 202 211 233	#CAD3E9

#DADAF2 #D7D8F0 #D4D7EF #D2D6ED #CFD5EC #CCD4EA #CAD3E9

#DADAF2 - #CAD3E9

HSV Blend

#DADAF2 - #CAD3E9 | 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 #DADAF2 as 0% and #CAD3E9 as 100%.

0.0%	0.0% #DADAF2	RGB 218 218 242	#DADAF2
16.7%	16.7% #D7D8F0	RGB 215 216 240	#D7D8F0
33.3%	33.3% #D4D7EF	RGB 212 215 239	#D4D7EF
50.0%	50.0% #D1D5ED	RGB 209 213 237	#D1D5ED
66.7%	66.7% #CFD4EC	RGB 207 212 236	#CFD4EC
83.3%	83.3% #CCD3EA	RGB 204 211 234	#CCD3EA
100.0%	100.0% #CAD3E9	RGB 202 211 233	#CAD3E9

#DADAF2 #D7D8F0 #D4D7EF #D1D5ED #CFD4EC #CCD3EA #CAD3E9

#DADAF2 - #D1D5ED - #CAD3E9

CSS codes

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

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