#DDEAEA - #C7EADC | 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 #DDEAEA to #C7EADC

#DDEAEA #C7EADC

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

#DDEAEA - #C7EADC | 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 #DDEAEA as 0% and #C7EADC as 100%.

0.0%	0.0% #DDEAEA	RGB 221 234 234	#DDEAEA
16.7%	16.7% #D9EAE7	RGB 217 234 231	#D9EAE7
33.3%	33.3% #D5EAE5	RGB 213 234 229	#D5EAE5
50.0%	50.0% #D2EAE3	RGB 210 234 227	#D2EAE3
66.7%	66.7% #CEEAE0	RGB 206 234 224	#CEEAE0
83.3%	83.3% #CAEADE	RGB 202 234 222	#CAEADE
100.0%	100.0% #C7EADC	RGB 199 234 220	#C7EADC

#DDEAEA #D9EAE7 #D5EAE5 #D2EAE3 #CEEAE0 #CAEADE #C7EADC

#DDEAEA - #C7EADC

HSV Blend

#DDEAEA - #C7EADC | 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 #DDEAEA as 0% and #C7EADC as 100%.

0.0%	0.0% #DDEAEA	RGB 221 234 234	#DDEAEA
16.7%	16.7% #D9EAE8	RGB 217 234 232	#D9EAE8
33.3%	33.3% #D5EAE7	RGB 213 234 231	#D5EAE7
50.0%	50.0% #D2EAE5	RGB 210 234 229	#D2EAE5
66.7%	66.7% #CEEAE2	RGB 206 234 226	#CEEAE2
83.3%	83.3% #CAEADF	RGB 202 234 223	#CAEADF
100.0%	100.0% #C7EADC	RGB 199 234 220	#C7EADC

#DDEAEA #D9EAE8 #D5EAE7 #D2EAE5 #CEEAE2 #CAEADF #C7EADC

#DDEAEA - #D2EAE5 - #C7EADC

CSS codes

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

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