#489D9D - #142C2C | 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 #489D9D a #142C2C

#489D9D #142C2C

Calcule el color entre dos colores, #489D9D y #142C2C. 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)

#489D9D - #142C2C | 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 #489D9D como 0% y #142C2C como 100%.

0.0%	0.0% #489D9D	RGB 72 157 157	#489D9D
16.7%	16.7% #3F8A8A	RGB 63 138 138	#3F8A8A
33.3%	33.3% #367777	RGB 54 119 119	#367777
50.0%	50.0% #2E6464	RGB 46 100 100	#2E6464
66.7%	66.7% #255151	RGB 37 81 81	#255151
83.3%	83.3% #1C3E3E	RGB 28 62 62	#1C3E3E
100.0%	100.0% #142C2C	RGB 20 44 44	#142C2C

#489D9D #3F8A8A #367777 #2E6464 #255151 #1C3E3E #142C2C

#489D9D - #142C2C

Mezcla HSV

#489D9D - #142C2C | 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 #489D9D como 0% y #142C2C como 100%.

0.0%	0.0% #489D9D	RGB 72 157 157	#489D9D
16.7%	16.7% #3F8A8A	RGB 63 138 138	#3F8A8A
33.3%	33.3% #367777	RGB 54 119 119	#367777
50.0%	50.0% #2D6464	RGB 45 100 100	#2D6464
66.7%	66.7% #255151	RGB 37 81 81	#255151
83.3%	83.3% #1C3E3E	RGB 28 62 62	#1C3E3E
100.0%	100.0% #142C2C	RGB 20 44 44	#142C2C

#489D9D #3F8A8A #367777 #2D6464 #255151 #1C3E3E #142C2C

#489D9D - #2D6464 - #142C2C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #489D9D 0%, #2D6464 50%, #142C2C 100%);
    background: -webkit-linear-gradient(top, #489D9D 0%, #2D6464 50%, #142C2C 100%);
    background: linear-gradient(to bottom, #489D9D 0%, #2D6464 50%, #142C2C 100%);
}
</style>