#ADE3E2 - #E7F7F6 | 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 #ADE3E2 a #E7F7F6

#ADE3E2 #E7F7F6

Calcule el color entre dos colores, #ADE3E2 y #E7F7F6. 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)

#ADE3E2 - #E7F7F6 | 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 #ADE3E2 como 0% y #E7F7F6 como 100%.

0.0%	0.0% #ADE3E2	RGB 173 227 226	#ADE3E2
16.7%	16.7% #B6E6E5	RGB 182 230 229	#B6E6E5
33.3%	33.3% #C0E9E8	RGB 192 233 232	#C0E9E8
50.0%	50.0% #CAEDEC	RGB 202 237 236	#CAEDEC
66.7%	66.7% #D3F0EF	RGB 211 240 239	#D3F0EF
83.3%	83.3% #DDF3F2	RGB 221 243 242	#DDF3F2
100.0%	100.0% #E7F7F6	RGB 231 247 246	#E7F7F6

#ADE3E2 #B6E6E5 #C0E9E8 #CAEDEC #D3F0EF #DDF3F2 #E7F7F6

#ADE3E2 - #E7F7F6

Mezcla HSV

#ADE3E2 - #E7F7F6 | 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 #ADE3E2 como 0% y #E7F7F6 como 100%.

0.0%	0.0% #ADE3E2	RGB 173 227 226	#ADE3E2
16.7%	16.7% #B6E6E5	RGB 182 230 229	#B6E6E5
33.3%	33.3% #BFE9E8	RGB 191 233 232	#BFE9E8
50.0%	50.0% #C9EDEB	RGB 201 237 235	#C9EDEB
66.7%	66.7% #D2F0EE	RGB 210 240 238	#D2F0EE
83.3%	83.3% #DCF3F2	RGB 220 243 242	#DCF3F2
100.0%	100.0% #E7F7F6	RGB 231 247 246	#E7F7F6

#ADE3E2 #B6E6E5 #BFE9E8 #C9EDEB #D2F0EE #DCF3F2 #E7F7F6

#ADE3E2 - #C9EDEB - #E7F7F6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADE3E2 0%, #C9EDEB 50%, #E7F7F6 100%);
    background: -webkit-linear-gradient(top, #ADE3E2 0%, #C9EDEB 50%, #E7F7F6 100%);
    background: linear-gradient(to bottom, #ADE3E2 0%, #C9EDEB 50%, #E7F7F6 100%);
}
</style>