#65B9A2 - #D3EBE4 | 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 #65B9A2 to #D3EBE4

#65B9A2 #D3EBE4

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

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

0.0%	0.0% #65B9A2	RGB 101 185 162	#65B9A2
16.7%	16.7% #77C1AD	RGB 119 193 173	#77C1AD
33.3%	33.3% #89C9B8	RGB 137 201 184	#89C9B8
50.0%	50.0% #9CD2C3	RGB 156 210 195	#9CD2C3
66.7%	66.7% #AEDACE	RGB 174 218 206	#AEDACE
83.3%	83.3% #C0E2D9	RGB 192 226 217	#C0E2D9
100.0%	100.0% #D3EBE4	RGB 211 235 228	#D3EBE4

#65B9A2 #77C1AD #89C9B8 #9CD2C3 #AEDACE #C0E2D9 #D3EBE4

#65B9A2 - #D3EBE4

HSV Blend

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

0.0%	0.0% #65B9A2	RGB 101 185 162	#65B9A2
16.7%	16.7% #74C1AC	RGB 116 193 172	#74C1AC
33.3%	33.3% #85C9B6	RGB 133 201 182	#85C9B6
50.0%	50.0% #97D2C1	RGB 151 210 193	#97D2C1
66.7%	66.7% #AADACC	RGB 170 218 204	#AADACC
83.3%	83.3% #BEE2D8	RGB 190 226 216	#BEE2D8
100.0%	100.0% #D3EBE4	RGB 211 235 228	#D3EBE4

#65B9A2 #74C1AC #85C9B6 #97D2C1 #AADACC #BEE2D8 #D3EBE4

#65B9A2 - #97D2C1 - #D3EBE4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65B9A2 0%, #97D2C1 50%, #D3EBE4 100%);
    background: -webkit-linear-gradient(top, #65B9A2 0%, #97D2C1 50%, #D3EBE4 100%);
    background: linear-gradient(to bottom, #65B9A2 0%, #97D2C1 50%, #D3EBE4 100%);
}
</style>