#0A4040 - #B9C8C8 | 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 #0A4040 a #B9C8C8

#0A4040 #B9C8C8

Calcule el color entre dos colores, #0A4040 y #B9C8C8. 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)

#0A4040 - #B9C8C8 | 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 #0A4040 como 0% y #B9C8C8 como 100%.

0.0%	0.0% #0A4040	RGB 10 64 64	#0A4040
16.7%	16.7% #275656	RGB 39 86 86	#275656
33.3%	33.3% #446D6D	RGB 68 109 109	#446D6D
50.0%	50.0% #618484	RGB 97 132 132	#618484
66.7%	66.7% #7E9A9A	RGB 126 154 154	#7E9A9A
83.3%	83.3% #9BB1B1	RGB 155 177 177	#9BB1B1
100.0%	100.0% #B9C8C8	RGB 185 200 200	#B9C8C8

#0A4040 #275656 #446D6D #618484 #7E9A9A #9BB1B1 #B9C8C8

#0A4040 - #B9C8C8

Mezcla HSV

#0A4040 - #B9C8C8 | 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 #0A4040 como 0% y #B9C8C8 como 100%.

0.0%	0.0% #0A4040	RGB 10 64 64	#0A4040
16.7%	16.7% #185656	RGB 24 86 86	#185656
33.3%	33.3% #2D6D6D	RGB 45 109 109	#2D6D6D
50.0%	50.0% #478484	RGB 71 132 132	#478484
66.7%	66.7% #679A9A	RGB 103 154 154	#679A9A
83.3%	83.3% #8DB1B1	RGB 141 177 177	#8DB1B1
100.0%	100.0% #B9C8C8	RGB 185 200 200	#B9C8C8

#0A4040 #185656 #2D6D6D #478484 #679A9A #8DB1B1 #B9C8C8

#0A4040 - #478484 - #B9C8C8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0A4040 0%, #478484 50%, #B9C8C8 100%);
    background: -webkit-linear-gradient(top, #0A4040 0%, #478484 50%, #B9C8C8 100%);
    background: linear-gradient(to bottom, #0A4040 0%, #478484 50%, #B9C8C8 100%);
}
</style>