#ABC6BC - #498C85 | 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 #ABC6BC a #498C85

#ABC6BC #498C85

Calcule el color entre dos colores, #ABC6BC y #498C85. 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)

#ABC6BC - #498C85 | 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 #ABC6BC como 0% y #498C85 como 100%.

0.0%	0.0% #ABC6BC	RGB 171 198 188	#ABC6BC
16.7%	16.7% #9ABCB2	RGB 154 188 178	#9ABCB2
33.3%	33.3% #8AB2A9	RGB 138 178 169	#8AB2A9
50.0%	50.0% #7AA9A0	RGB 122 169 160	#7AA9A0
66.7%	66.7% #699F97	RGB 105 159 151	#699F97
83.3%	83.3% #59958E	RGB 89 149 142	#59958E
100.0%	100.0% #498C85	RGB 73 140 133	#498C85

#ABC6BC #9ABCB2 #8AB2A9 #7AA9A0 #699F97 #59958E #498C85

#ABC6BC - #498C85

Mezcla HSV

#ABC6BC - #498C85 | 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 #ABC6BC como 0% y #498C85 como 100%.

0.0%	0.0% #ABC6BC	RGB 171 198 188	#ABC6BC
16.7%	16.7% #97BCB0	RGB 151 188 176	#97BCB0
33.3%	33.3% #85B2A6	RGB 133 178 166	#85B2A6
50.0%	50.0% #75A99C	RGB 117 169 156	#75A99C
66.7%	66.7% #659F94	RGB 101 159 148	#659F94
83.3%	83.3% #56958C	RGB 86 149 140	#56958C
100.0%	100.0% #498C85	RGB 73 140 133	#498C85

#ABC6BC #97BCB0 #85B2A6 #75A99C #659F94 #56958C #498C85

#ABC6BC - #75A99C - #498C85

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6BC 0%, #75A99C 50%, #498C85 100%);
    background: -webkit-linear-gradient(top, #ABC6BC 0%, #75A99C 50%, #498C85 100%);
    background: linear-gradient(to bottom, #ABC6BC 0%, #75A99C 50%, #498C85 100%);
}
</style>