#D0DFDF - #65AFB0 | 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 #D0DFDF to #65AFB0

#D0DFDF #65AFB0

Calculate the color between two colors, #D0DFDF and #65AFB0. 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)

#D0DFDF - #65AFB0 | 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 #D0DFDF as 0% and #65AFB0 as 100%.

0.0%	0.0% #D0DFDF	RGB 208 223 223	#D0DFDF
16.7%	16.7% #BED7D7	RGB 190 215 215	#BED7D7
33.3%	33.3% #ACCFCF	RGB 172 207 207	#ACCFCF
50.0%	50.0% #9AC7C7	RGB 154 199 199	#9AC7C7
66.7%	66.7% #88BFBF	RGB 136 191 191	#88BFBF
83.3%	83.3% #76B7B7	RGB 118 183 183	#76B7B7
100.0%	100.0% #65AFB0	RGB 101 175 176	#65AFB0

#D0DFDF #BED7D7 #ACCFCF #9AC7C7 #88BFBF #76B7B7 #65AFB0

#D0DFDF - #65AFB0

HSV Blend

#D0DFDF - #65AFB0 | 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 #D0DFDF as 0% and #65AFB0 as 100%.

0.0%	0.0% #D0DFDF	RGB 208 223 223	#D0DFDF
16.7%	16.7% #BBD7D7	RGB 187 215 215	#BBD7D7
33.3%	33.3% #A8CFCF	RGB 168 207 207	#A8CFCF
50.0%	50.0% #96C7C7	RGB 150 199 199	#96C7C7
66.7%	66.7% #84BFBF	RGB 132 191 191	#84BFBF
83.3%	83.3% #74B7B7	RGB 116 183 183	#74B7B7
100.0%	100.0% #65AFB0	RGB 101 175 176	#65AFB0

#D0DFDF #BBD7D7 #A8CFCF #96C7C7 #84BFBF #74B7B7 #65AFB0

#D0DFDF - #96C7C7 - #65AFB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D0DFDF 0%, #96C7C7 50%, #65AFB0 100%);
    background: -webkit-linear-gradient(top, #D0DFDF 0%, #96C7C7 50%, #65AFB0 100%);
    background: linear-gradient(to bottom, #D0DFDF 0%, #96C7C7 50%, #65AFB0 100%);
}
</style>