#36B596 - #D4EDA0 | 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 #36B596 a #D4EDA0

#36B596 #D4EDA0

Calcule el color entre dos colores, #36B596 y #D4EDA0. 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)

#36B596 - #D4EDA0 | 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 #36B596 como 0% y #D4EDA0 como 100%.

0.0%	0.0% #36B596	RGB 54 181 150	#36B596
16.7%	16.7% #50BE97	RGB 80 190 151	#50BE97
33.3%	33.3% #6AC799	RGB 106 199 153	#6AC799
50.0%	50.0% #85D19B	RGB 133 209 155	#85D19B
66.7%	66.7% #9FDA9C	RGB 159 218 156	#9FDA9C
83.3%	83.3% #B9E39E	RGB 185 227 158	#B9E39E
100.0%	100.0% #D4EDA0	RGB 212 237 160	#D4EDA0

#36B596 #50BE97 #6AC799 #85D19B #9FDA9C #B9E39E #D4EDA0

#36B596 - #D4EDA0

Mezcla HSV

#36B596 - #D4EDA0 | 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 #36B596 como 0% y #D4EDA0 como 100%.

0.0%	0.0% #36B596	RGB 54 181 150	#36B596
16.7%	16.7% #44BE83	RGB 68 190 131	#44BE83
33.3%	33.3% #54C774	RGB 84 199 116	#54C774
50.0%	50.0% #65D16A	RGB 101 209 106	#65D16A
66.7%	66.7% #8BDA77	RGB 139 218 119	#8BDA77
83.3%	83.3% #B1E38B	RGB 177 227 139	#B1E38B
100.0%	100.0% #D4EDA0	RGB 212 237 160	#D4EDA0

#36B596 #44BE83 #54C774 #65D16A #8BDA77 #B1E38B #D4EDA0

#36B596 - #65D16A - #D4EDA0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #36B596 0%, #65D16A 50%, #D4EDA0 100%);
    background: -webkit-linear-gradient(top, #36B596 0%, #65D16A 50%, #D4EDA0 100%);
    background: linear-gradient(to bottom, #36B596 0%, #65D16A 50%, #D4EDA0 100%);
}
</style>