#5DBA00 - #D0EBB6 | 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 #5DBA00 a #D0EBB6

#5DBA00 #D0EBB6

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

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

0.0%	0.0% #5DBA00	RGB 93 186 0	#5DBA00
16.7%	16.7% #70C21E	RGB 112 194 30	#70C21E
33.3%	33.3% #83CA3C	RGB 131 202 60	#83CA3C
50.0%	50.0% #96D25B	RGB 150 210 91	#96D25B
66.7%	66.7% #A9DA79	RGB 169 218 121	#A9DA79
83.3%	83.3% #BCE297	RGB 188 226 151	#BCE297
100.0%	100.0% #D0EBB6	RGB 208 235 182	#D0EBB6

#5DBA00 #70C21E #83CA3C #96D25B #A9DA79 #BCE297 #D0EBB6

#5DBA00 - #D0EBB6

Mezcla HSV

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

0.0%	0.0% #5DBA00	RGB 93 186 0	#5DBA00
16.7%	16.7% #6DC219	RGB 109 194 25	#6DC219
33.3%	33.3% #7ECA34	RGB 126 202 52	#7ECA34
50.0%	50.0% #91D251	RGB 145 210 81	#91D251
66.7%	66.7% #A5DA70	RGB 165 218 112	#A5DA70
83.3%	83.3% #B9E292	RGB 185 226 146	#B9E292
100.0%	100.0% #D0EBB6	RGB 208 235 182	#D0EBB6

#5DBA00 #6DC219 #7ECA34 #91D251 #A5DA70 #B9E292 #D0EBB6

#5DBA00 - #91D251 - #D0EBB6

Códigos CSS

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

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