#00D188 - #FFFFA0 | 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 #00D188 a #FFFFA0

#00D188 #FFFFA0

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

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

0.0%	0.0% #00D188	RGB 0 209 136	#00D188
16.7%	16.7% #2AD88C	RGB 42 216 140	#2AD88C
33.3%	33.3% #55E090	RGB 85 224 144	#55E090
50.0%	50.0% #7FE894	RGB 127 232 148	#7FE894
66.7%	66.7% #AAEF98	RGB 170 239 152	#AAEF98
83.3%	83.3% #D4F79C	RGB 212 247 156	#D4F79C
100.0%	100.0% #FFFFA0	RGB 255 255 160	#FFFFA0

#00D188 #2AD88C #55E090 #7FE894 #AAEF98 #D4F79C #FFFFA0

#00D188 - #FFFFA0

Mezcla HSV

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

0.0%	0.0% #00D188	RGB 0 209 136	#00D188
16.7%	16.7% #16D85F	RGB 22 216 95	#16D85F
33.3%	33.3% #2EE040	RGB 46 224 64	#2EE040
50.0%	50.0% #64E848	RGB 100 232 72	#64E848
66.7%	66.7% #A2EF64	RGB 162 239 100	#A2EF64
83.3%	83.3% #D6F781	RGB 214 247 129	#D6F781
100.0%	100.0% #FFFFA0	RGB 255 255 160	#FFFFA0

#00D188 #16D85F #2EE040 #64E848 #A2EF64 #D6F781 #FFFFA0

#00D188 - #64E848 - #FFFFA0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D188 0%, #64E848 50%, #FFFFA0 100%);
    background: -webkit-linear-gradient(top, #00D188 0%, #64E848 50%, #FFFFA0 100%);
    background: linear-gradient(to bottom, #00D188 0%, #64E848 50%, #FFFFA0 100%);
}
</style>