#005533 - #5EAF6A | 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 #005533 a #5EAF6A

#005533 #5EAF6A

Calcule el color entre dos colores, #005533 y #5EAF6A. 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)

#005533 - #5EAF6A | 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 #005533 como 0% y #5EAF6A como 100%.

0.0%	0.0% #005533	RGB 0 85 51	#005533
16.7%	16.7% #0F643C	RGB 15 100 60	#0F643C
33.3%	33.3% #1F7345	RGB 31 115 69	#1F7345
50.0%	50.0% #2F824E	RGB 47 130 78	#2F824E
66.7%	66.7% #3E9157	RGB 62 145 87	#3E9157
83.3%	83.3% #4EA060	RGB 78 160 96	#4EA060
100.0%	100.0% #5EAF6A	RGB 94 175 106	#5EAF6A

#005533 #0F643C #1F7345 #2F824E #3E9157 #4EA060 #5EAF6A

#005533 - #5EAF6A

Mezcla HSV

#005533 - #5EAF6A | 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 #005533 como 0% y #5EAF6A como 100%.

0.0%	0.0% #005533	RGB 0 85 51	#005533
16.7%	16.7% #086438	RGB 8 100 56	#086438
33.3%	33.3% #14733F	RGB 20 115 63	#14733F
50.0%	50.0% #228246	RGB 34 130 70	#228246
66.7%	66.7% #33914F	RGB 51 145 79	#33914F
83.3%	83.3% #47A05B	RGB 71 160 91	#47A05B
100.0%	100.0% #5EAF6A	RGB 94 175 106	#5EAF6A

#005533 #086438 #14733F #228246 #33914F #47A05B #5EAF6A

#005533 - #228246 - #5EAF6A

Códigos CSS

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

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