#DAFFDA - #EBF2FD | 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 #DAFFDA to #EBF2FD

#DAFFDA #EBF2FD

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

#DAFFDA - #EBF2FD | 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 #DAFFDA as 0% and #EBF2FD as 100%.

0.0%	0.0% #DAFFDA	RGB 218 255 218	#DAFFDA
16.7%	16.7% #DCFCDF	RGB 220 252 223	#DCFCDF
33.3%	33.3% #DFFAE5	RGB 223 250 229	#DFFAE5
50.0%	50.0% #E2F8EB	RGB 226 248 235	#E2F8EB
66.7%	66.7% #E5F6F1	RGB 229 246 241	#E5F6F1
83.3%	83.3% #E8F4F7	RGB 232 244 247	#E8F4F7
100.0%	100.0% #EBF2FD	RGB 235 242 253	#EBF2FD

#DAFFDA #DCFCDF #DFFAE5 #E2F8EB #E5F6F1 #E8F4F7 #EBF2FD

#DAFFDA - #EBF2FD

HSV Blend

#DAFFDA - #EBF2FD | 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 #DAFFDA as 0% and #EBF2FD as 100%.

0.0%	0.0% #DAFFDA	RGB 218 255 218	#DAFFDA
16.7%	16.7% #DCFEE5	RGB 220 254 229	#DCFEE5
33.3%	33.3% #DFFEF0	RGB 223 254 240	#DFFEF0
50.0%	50.0% #E2FEF8	RGB 226 254 248	#E2FEF8
66.7%	66.7% #E5FBFD	RGB 229 251 253	#E5FBFD
83.3%	83.3% #E8F6FD	RGB 232 246 253	#E8F6FD
100.0%	100.0% #EBF2FD	RGB 235 242 253	#EBF2FD

#DAFFDA #DCFEE5 #DFFEF0 #E2FEF8 #E5FBFD #E8F6FD #EBF2FD

#DAFFDA - #E2FEF8 - #EBF2FD

CSS codes

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

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