#41BA71 - #E4E6AF | 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 #41BA71 a #E4E6AF

#41BA71 #E4E6AF

Calcule el color entre dos colores, #41BA71 y #E4E6AF. 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)

#41BA71 - #E4E6AF | 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 #41BA71 como 0% y #E4E6AF como 100%.

0.0%	0.0% #41BA71	RGB 65 186 113	#41BA71
16.7%	16.7% #5CC17B	RGB 92 193 123	#5CC17B
33.3%	33.3% #77C885	RGB 119 200 133	#77C885
50.0%	50.0% #92D090	RGB 146 208 144	#92D090
66.7%	66.7% #ADD79A	RGB 173 215 154	#ADD79A
83.3%	83.3% #C8DEA4	RGB 200 222 164	#C8DEA4
100.0%	100.0% #E4E6AF	RGB 228 230 175	#E4E6AF

#41BA71 #5CC17B #77C885 #92D090 #ADD79A #C8DEA4 #E4E6AF

#41BA71 - #E4E6AF

Mezcla HSV

#41BA71 - #E4E6AF | 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 #41BA71 como 0% y #E4E6AF como 100%.

0.0%	0.0% #41BA71	RGB 65 186 113	#41BA71
16.7%	16.7% #50C163	RGB 80 193 99	#50C163
33.3%	33.3% #67C861	RGB 103 200 97	#67C861
50.0%	50.0% #8DD073	RGB 141 208 115	#8DD073
66.7%	66.7% #AFD786	RGB 175 215 134	#AFD786
83.3%	83.3% #CCDE9A	RGB 204 222 154	#CCDE9A
100.0%	100.0% #E4E6AF	RGB 228 230 175	#E4E6AF

#41BA71 #50C163 #67C861 #8DD073 #AFD786 #CCDE9A #E4E6AF

#41BA71 - #8DD073 - #E4E6AF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41BA71 0%, #8DD073 50%, #E4E6AF 100%);
    background: -webkit-linear-gradient(top, #41BA71 0%, #8DD073 50%, #E4E6AF 100%);
    background: linear-gradient(to bottom, #41BA71 0%, #8DD073 50%, #E4E6AF 100%);
}
</style>