#A8D3A8 - #E6F2E6 | 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 #A8D3A8 a #E6F2E6

#A8D3A8 #E6F2E6

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

#A8D3A8 - #E6F2E6 | 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 #A8D3A8 como 0% y #E6F2E6 como 100%.

0.0%	0.0% #A8D3A8	RGB 168 211 168	#A8D3A8
16.7%	16.7% #B2D8B2	RGB 178 216 178	#B2D8B2
33.3%	33.3% #BCDDBC	RGB 188 221 188	#BCDDBC
50.0%	50.0% #C7E2C7	RGB 199 226 199	#C7E2C7
66.7%	66.7% #D1E7D1	RGB 209 231 209	#D1E7D1
83.3%	83.3% #DBECDB	RGB 219 236 219	#DBECDB
100.0%	100.0% #E6F2E6	RGB 230 242 230	#E6F2E6

#A8D3A8 #B2D8B2 #BCDDBC #C7E2C7 #D1E7D1 #DBECDB #E6F2E6

#A8D3A8 - #E6F2E6

Mezcla HSV

#A8D3A8 - #E6F2E6 | 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 #A8D3A8 como 0% y #E6F2E6 como 100%.

0.0%	0.0% #A8D3A8	RGB 168 211 168	#A8D3A8
16.7%	16.7% #B1D8B1	RGB 177 216 177	#B1D8B1
33.3%	33.3% #BBDDBB	RGB 187 221 187	#BBDDBB
50.0%	50.0% #C5E2C5	RGB 197 226 197	#C5E2C5
66.7%	66.7% #D0E7D0	RGB 208 231 208	#D0E7D0
83.3%	83.3% #DBECDB	RGB 219 236 219	#DBECDB
100.0%	100.0% #E6F2E6	RGB 230 242 230	#E6F2E6

#A8D3A8 #B1D8B1 #BBDDBB #C5E2C5 #D0E7D0 #DBECDB #E6F2E6

#A8D3A8 - #C5E2C5 - #E6F2E6

Códigos CSS

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

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