#BEDFDC - #6ABBAB | 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 #BEDFDC to #6ABBAB

#BEDFDC #6ABBAB

Calculate the color between two colors, #BEDFDC and #6ABBAB. 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)

#BEDFDC - #6ABBAB | 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 #BEDFDC as 0% and #6ABBAB as 100%.

0.0%	0.0% #BEDFDC	RGB 190 223 220	#BEDFDC
16.7%	16.7% #B0D9D3	RGB 176 217 211	#B0D9D3
33.3%	33.3% #A2D3CB	RGB 162 211 203	#A2D3CB
50.0%	50.0% #94CDC3	RGB 148 205 195	#94CDC3
66.7%	66.7% #86C7BB	RGB 134 199 187	#86C7BB
83.3%	83.3% #78C1B3	RGB 120 193 179	#78C1B3
100.0%	100.0% #6ABBAB	RGB 106 187 171	#6ABBAB

#BEDFDC #B0D9D3 #A2D3CB #94CDC3 #86C7BB #78C1B3 #6ABBAB

#BEDFDC - #6ABBAB

HSV Blend

#BEDFDC - #6ABBAB | 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 #BEDFDC as 0% and #6ABBAB as 100%.

0.0%	0.0% #BEDFDC	RGB 190 223 220	#BEDFDC
16.7%	16.7% #AED9D4	RGB 174 217 212	#AED9D4
33.3%	33.3% #9FD3CC	RGB 159 211 204	#9FD3CC
50.0%	50.0% #91CDC4	RGB 145 205 196	#91CDC4
66.7%	66.7% #83C7BC	RGB 131 199 188	#83C7BC
83.3%	83.3% #76C1B3	RGB 118 193 179	#76C1B3
100.0%	100.0% #6ABBAB	RGB 106 187 171	#6ABBAB

#BEDFDC #AED9D4 #9FD3CC #91CDC4 #83C7BC #76C1B3 #6ABBAB

#BEDFDC - #91CDC4 - #6ABBAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BEDFDC 0%, #91CDC4 50%, #6ABBAB 100%);
    background: -webkit-linear-gradient(top, #BEDFDC 0%, #91CDC4 50%, #6ABBAB 100%);
    background: linear-gradient(to bottom, #BEDFDC 0%, #91CDC4 50%, #6ABBAB 100%);
}
</style>