#64A8C9 - #D2D9D1 | 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 #64A8C9 to #D2D9D1

#64A8C9 #D2D9D1

Calculate the color between two colors, #64A8C9 and #D2D9D1. 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)

#64A8C9 - #D2D9D1 | 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 #64A8C9 as 0% and #D2D9D1 as 100%.

0.0%	0.0% #64A8C9	RGB 100 168 201	#64A8C9
16.7%	16.7% #76B0CA	RGB 118 176 202	#76B0CA
33.3%	33.3% #88B8CB	RGB 136 184 203	#88B8CB
50.0%	50.0% #9BC0CD	RGB 155 192 205	#9BC0CD
66.7%	66.7% #ADC8CE	RGB 173 200 206	#ADC8CE
83.3%	83.3% #BFD0CF	RGB 191 208 207	#BFD0CF
100.0%	100.0% #D2D9D1	RGB 210 217 209	#D2D9D1

#64A8C9 #76B0CA #88B8CB #9BC0CD #ADC8CE #BFD0CF #D2D9D1

#64A8C9 - #D2D9D1

HSV Blend

#64A8C9 - #D2D9D1 | 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 #64A8C9 as 0% and #D2D9D1 as 100%.

0.0%	0.0% #64A8C9	RGB 100 168 201	#64A8C9
16.7%	16.7% #75C4CB	RGB 117 196 203	#75C4CB
33.3%	33.3% #86CEC3	RGB 134 206 195	#86CEC3
50.0%	50.0% #98D1BA	RGB 152 209 186	#98D1BA
66.7%	66.7% #ABD3B9	RGB 171 211 185	#ABD3B9
83.3%	83.3% #BDD6C0	RGB 189 214 192	#BDD6C0
100.0%	100.0% #D2D9D1	RGB 210 217 209	#D2D9D1

#64A8C9 #75C4CB #86CEC3 #98D1BA #ABD3B9 #BDD6C0 #D2D9D1

#64A8C9 - #98D1BA - #D2D9D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #64A8C9 0%, #98D1BA 50%, #D2D9D1 100%);
    background: -webkit-linear-gradient(top, #64A8C9 0%, #98D1BA 50%, #D2D9D1 100%);
    background: linear-gradient(to bottom, #64A8C9 0%, #98D1BA 50%, #D2D9D1 100%);
}
</style>