#DAD4C2 - #D4FDFF | 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 #DAD4C2 to #D4FDFF

#DAD4C2 #D4FDFF

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

#DAD4C2 - #D4FDFF | 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 #DAD4C2 as 0% and #D4FDFF as 100%.

0.0%	0.0% #DAD4C2	RGB 218 212 194	#DAD4C2
16.7%	16.7% #D9DACC	RGB 217 218 204	#D9DACC
33.3%	33.3% #D8E1D6	RGB 216 225 214	#D8E1D6
50.0%	50.0% #D7E8E0	RGB 215 232 224	#D7E8E0
66.7%	66.7% #D6EFEA	RGB 214 239 234	#D6EFEA
83.3%	83.3% #D5F6F4	RGB 213 246 244	#D5F6F4
100.0%	100.0% #D4FDFF	RGB 212 253 255	#D4FDFF

#DAD4C2 #D9DACC #D8E1D6 #D7E8E0 #D6EFEA #D5F6F4 #D4FDFF

#DAD4C2 - #D4FDFF

HSV Blend

#DAD4C2 - #D4FDFF | 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 #DAD4C2 as 0% and #D4FDFF as 100%.

0.0%	0.0% #DAD4C2	RGB 218 212 194	#DAD4C2
16.7%	16.7% #DCE0C5	RGB 220 224 197	#DCE0C5
33.3%	33.3% #D6E6C8	RGB 214 230 200	#D6E6C8
50.0%	50.0% #CEECCB	RGB 206 236 203	#CEECCB
66.7%	66.7% #CEF2D8	RGB 206 242 216	#CEF2D8
83.3%	83.3% #D1F8EB	RGB 209 248 235	#D1F8EB
100.0%	100.0% #D4FDFF	RGB 212 253 255	#D4FDFF

#DAD4C2 #DCE0C5 #D6E6C8 #CEECCB #CEF2D8 #D1F8EB #D4FDFF

#DAD4C2 - #CEECCB - #D4FDFF

CSS codes

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

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