#ADE1DF - #D2E3C8 | 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 #ADE1DF a #D2E3C8

#ADE1DF #D2E3C8

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

#ADE1DF - #D2E3C8 | 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 #ADE1DF como 0% y #D2E3C8 como 100%.

0.0%	0.0% #ADE1DF	RGB 173 225 223	#ADE1DF
16.7%	16.7% #B3E1DB	RGB 179 225 219	#B3E1DB
33.3%	33.3% #B9E1D7	RGB 185 225 215	#B9E1D7
50.0%	50.0% #BFE2D3	RGB 191 226 211	#BFE2D3
66.7%	66.7% #C5E2CF	RGB 197 226 207	#C5E2CF
83.3%	83.3% #CBE2CB	RGB 203 226 203	#CBE2CB
100.0%	100.0% #D2E3C8	RGB 210 227 200	#D2E3C8

#ADE1DF #B3E1DB #B9E1D7 #BFE2D3 #C5E2CF #CBE2CB #D2E3C8

#ADE1DF - #D2E3C8

Mezcla HSV

#ADE1DF - #D2E3C8 | 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 #ADE1DF como 0% y #D2E3C8 como 100%.

0.0%	0.0% #ADE1DF	RGB 173 225 223	#ADE1DF
16.7%	16.7% #B1E1D4	RGB 177 225 212	#B1E1D4
33.3%	33.3% #B5E1CC	RGB 181 225 204	#B5E1CC
50.0%	50.0% #BAE2C6	RGB 186 226 198	#BAE2C6
66.7%	66.7% #BEE2C1	RGB 190 226 193	#BEE2C1
83.3%	83.3% #C8E2C3	RGB 200 226 195	#C8E2C3
100.0%	100.0% #D2E3C8	RGB 210 227 200	#D2E3C8

#ADE1DF #B1E1D4 #B5E1CC #BAE2C6 #BEE2C1 #C8E2C3 #D2E3C8

#ADE1DF - #BAE2C6 - #D2E3C8

Códigos CSS

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

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