#00AA6D - #D3FF96 | 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 #00AA6D a #D3FF96

#00AA6D #D3FF96

Calcule el color entre dos colores, #00AA6D y #D3FF96. 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)

#00AA6D - #D3FF96 | 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 #00AA6D como 0% y #D3FF96 como 100%.

0.0%	0.0% #00AA6D	RGB 0 170 109	#00AA6D
16.7%	16.7% #23B873	RGB 35 184 115	#23B873
33.3%	33.3% #46C67A	RGB 70 198 122	#46C67A
50.0%	50.0% #69D481	RGB 105 212 129	#69D481
66.7%	66.7% #8CE288	RGB 140 226 136	#8CE288
83.3%	83.3% #AFF08F	RGB 175 240 143	#AFF08F
100.0%	100.0% #D3FF96	RGB 211 255 150	#D3FF96

#00AA6D #23B873 #46C67A #69D481 #8CE288 #AFF08F #D3FF96

#00AA6D - #D3FF96

Mezcla HSV

#00AA6D - #D3FF96 | 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 #00AA6D como 0% y #D3FF96 como 100%.

0.0%	0.0% #00AA6D	RGB 0 170 109	#00AA6D
16.7%	16.7% #12B85A	RGB 18 184 90	#12B85A
33.3%	33.3% #26C64C	RGB 38 198 76	#26C64C
50.0%	50.0% #3ED443	RGB 62 212 67	#3ED443
66.7%	66.7% #70E258	RGB 112 226 88	#70E258
83.3%	83.3% #A4F076	RGB 164 240 118	#A4F076
100.0%	100.0% #D3FF96	RGB 211 255 150	#D3FF96

#00AA6D #12B85A #26C64C #3ED443 #70E258 #A4F076 #D3FF96

#00AA6D - #3ED443 - #D3FF96

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AA6D 0%, #3ED443 50%, #D3FF96 100%);
    background: -webkit-linear-gradient(top, #00AA6D 0%, #3ED443 50%, #D3FF96 100%);
    background: linear-gradient(to bottom, #00AA6D 0%, #3ED443 50%, #D3FF96 100%);
}
</style>