#488C8C - #ABCB99 | 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 #488C8C a #ABCB99

#488C8C #ABCB99

Calcule el color entre dos colores, #488C8C y #ABCB99. 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)

#488C8C - #ABCB99 | 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 #488C8C como 0% y #ABCB99 como 100%.

0.0%	0.0% #488C8C	RGB 72 140 140	#488C8C
16.7%	16.7% #58968E	RGB 88 150 142	#58968E
33.3%	33.3% #69A190	RGB 105 161 144	#69A190
50.0%	50.0% #79AB92	RGB 121 171 146	#79AB92
66.7%	66.7% #8AB694	RGB 138 182 148	#8AB694
83.3%	83.3% #9AC096	RGB 154 192 150	#9AC096
100.0%	100.0% #ABCB99	RGB 171 203 153	#ABCB99

#488C8C #58968E #69A190 #79AB92 #8AB694 #9AC096 #ABCB99

#488C8C - #ABCB99

Mezcla HSV

#488C8C - #ABCB99 | 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 #488C8C como 0% y #ABCB99 como 100%.

0.0%	0.0% #488C8C	RGB 72 140 140	#488C8C
16.7%	16.7% #539687	RGB 83 150 135	#539687
33.3%	33.3% #5FA183	RGB 95 161 131	#5FA183
50.0%	50.0% #6CAB80	RGB 108 171 128	#6CAB80
66.7%	66.7% #7AB680	RGB 122 182 128	#7AB680
83.3%	83.3% #90C089	RGB 144 192 137	#90C089
100.0%	100.0% #ABCB99	RGB 171 203 153	#ABCB99

#488C8C #539687 #5FA183 #6CAB80 #7AB680 #90C089 #ABCB99

#488C8C - #6CAB80 - #ABCB99

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #488C8C 0%, #6CAB80 50%, #ABCB99 100%);
    background: -webkit-linear-gradient(top, #488C8C 0%, #6CAB80 50%, #ABCB99 100%);
    background: linear-gradient(to bottom, #488C8C 0%, #6CAB80 50%, #ABCB99 100%);
}
</style>