#499DA5 - #142C2F | 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 #499DA5 a #142C2F

#499DA5 #142C2F

Calcule el color entre dos colores, #499DA5 y #142C2F. 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)

#499DA5 - #142C2F | 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 #499DA5 como 0% y #142C2F como 100%.

0.0%	0.0% #499DA5	RGB 73 157 165	#499DA5
16.7%	16.7% #408A91	RGB 64 138 145	#408A91
33.3%	33.3% #37777D	RGB 55 119 125	#37777D
50.0%	50.0% #2E646A	RGB 46 100 106	#2E646A
66.7%	66.7% #255156	RGB 37 81 86	#255156
83.3%	83.3% #1C3E42	RGB 28 62 66	#1C3E42
100.0%	100.0% #142C2F	RGB 20 44 47	#142C2F

#499DA5 #408A91 #37777D #2E646A #255156 #1C3E42 #142C2F

#499DA5 - #142C2F

Mezcla HSV

#499DA5 - #142C2F | 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 #499DA5 como 0% y #142C2F como 100%.

0.0%	0.0% #499DA5	RGB 73 157 165	#499DA5
16.7%	16.7% #3F8991	RGB 63 137 145	#3F8991
33.3%	33.3% #36767D	RGB 54 118 125	#36767D
50.0%	50.0% #2E646A	RGB 46 100 106	#2E646A
66.7%	66.7% #255156	RGB 37 81 86	#255156
83.3%	83.3% #1C3E42	RGB 28 62 66	#1C3E42
100.0%	100.0% #142C2F	RGB 20 44 47	#142C2F

#499DA5 #3F8991 #36767D #2E646A #255156 #1C3E42 #142C2F

#499DA5 - #2E646A - #142C2F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #499DA5 0%, #2E646A 50%, #142C2F 100%);
    background: -webkit-linear-gradient(top, #499DA5 0%, #2E646A 50%, #142C2F 100%);
    background: linear-gradient(to bottom, #499DA5 0%, #2E646A 50%, #142C2F 100%);
}
</style>