#ADE7E7 - #3ABFC0 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #ADE7E7 a #3ABFC0

#ADE7E7 #3ABFC0

Calcule el color entre dos colores, #ADE7E7 y #3ABFC0. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#ADE7E7 - #3ABFC0 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #ADE7E7 como 0% y #3ABFC0 como 100%.

0.0%	0.0% #ADE7E7	RGB 173 231 231	#ADE7E7
16.7%	16.7% #99E0E0	RGB 153 224 224	#99E0E0
33.3%	33.3% #86D9DA	RGB 134 217 218	#86D9DA
50.0%	50.0% #73D3D3	RGB 115 211 211	#73D3D3
66.7%	66.7% #60CCCD	RGB 96 204 205	#60CCCD
83.3%	83.3% #4DC5C6	RGB 77 197 198	#4DC5C6
100.0%	100.0% #3ABFC0	RGB 58 191 192	#3ABFC0

#ADE7E7 #99E0E0 #86D9DA #73D3D3 #60CCCD #4DC5C6 #3ABFC0

#ADE7E7 - #3ABFC0

Mezcla HSV

#ADE7E7 - #3ABFC0 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #ADE7E7 como 0% y #3ABFC0 como 100%.

0.0%	0.0% #ADE7E7	RGB 173 231 231	#ADE7E7
16.7%	16.7% #97E0E0	RGB 151 224 224	#97E0E0
33.3%	33.3% #82D9DA	RGB 130 217 218	#82D9DA
50.0%	50.0% #6FD3D3	RGB 111 211 211	#6FD3D3
66.7%	66.7% #5CCCCD	RGB 92 204 205	#5CCCCD
83.3%	83.3% #4AC5C6	RGB 74 197 198	#4AC5C6
100.0%	100.0% #3ABFC0	RGB 58 191 192	#3ABFC0

#ADE7E7 #97E0E0 #82D9DA #6FD3D3 #5CCCCD #4AC5C6 #3ABFC0

#ADE7E7 - #6FD3D3 - #3ABFC0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADE7E7 0%, #6FD3D3 50%, #3ABFC0 100%);
    background: -webkit-linear-gradient(top, #ADE7E7 0%, #6FD3D3 50%, #3ABFC0 100%);
    background: linear-gradient(to bottom, #ADE7E7 0%, #6FD3D3 50%, #3ABFC0 100%);
}
</style>