#ABCC92 - #E7F0DF | 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 #ABCC92 a #E7F0DF

#ABCC92 #E7F0DF

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

#ABCC92 - #E7F0DF | 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 #ABCC92 como 0% y #E7F0DF como 100%.

0.0%	0.0% #ABCC92	RGB 171 204 146	#ABCC92
16.7%	16.7% #B5D29E	RGB 181 210 158	#B5D29E
33.3%	33.3% #BFD8AB	RGB 191 216 171	#BFD8AB
50.0%	50.0% #C9DEB8	RGB 201 222 184	#C9DEB8
66.7%	66.7% #D3E4C5	RGB 211 228 197	#D3E4C5
83.3%	83.3% #DDEAD2	RGB 221 234 210	#DDEAD2
100.0%	100.0% #E7F0DF	RGB 231 240 223	#E7F0DF

#ABCC92 #B5D29E #BFD8AB #C9DEB8 #D3E4C5 #DDEAD2 #E7F0DF

#ABCC92 - #E7F0DF

Mezcla HSV

#ABCC92 - #E7F0DF | 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 #ABCC92 como 0% y #E7F0DF como 100%.

0.0%	0.0% #ABCC92	RGB 171 204 146	#ABCC92
16.7%	16.7% #B4D29D	RGB 180 210 157	#B4D29D
33.3%	33.3% #BED8A9	RGB 190 216 169	#BED8A9
50.0%	50.0% #C8DEB6	RGB 200 222 182	#C8DEB6
66.7%	66.7% #D2E4C3	RGB 210 228 195	#D2E4C3
83.3%	83.3% #DCEAD1	RGB 220 234 209	#DCEAD1
100.0%	100.0% #E7F0DF	RGB 231 240 223	#E7F0DF

#ABCC92 #B4D29D #BED8A9 #C8DEB6 #D2E4C3 #DCEAD1 #E7F0DF

#ABCC92 - #C8DEB6 - #E7F0DF

Códigos CSS

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

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