#0A2F2F - #B9C3C3 | 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 #0A2F2F a #B9C3C3

#0A2F2F #B9C3C3

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

#0A2F2F - #B9C3C3 | 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 #0A2F2F como 0% y #B9C3C3 como 100%.

0.0%	0.0% #0A2F2F	RGB 10 47 47	#0A2F2F
16.7%	16.7% #274747	RGB 39 71 71	#274747
33.3%	33.3% #446060	RGB 68 96 96	#446060
50.0%	50.0% #617979	RGB 97 121 121	#617979
66.7%	66.7% #7E9191	RGB 126 145 145	#7E9191
83.3%	83.3% #9BAAAA	RGB 155 170 170	#9BAAAA
100.0%	100.0% #B9C3C3	RGB 185 195 195	#B9C3C3

#0A2F2F #274747 #446060 #617979 #7E9191 #9BAAAA #B9C3C3

#0A2F2F - #B9C3C3

Mezcla HSV

#0A2F2F - #B9C3C3 | 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 #0A2F2F como 0% y #B9C3C3 como 100%.

0.0%	0.0% #092F2F	RGB 9 47 47	#092F2F
16.7%	16.7% #184747	RGB 24 71 71	#184747
33.3%	33.3% #2C6060	RGB 44 96 96	#2C6060
50.0%	50.0% #467979	RGB 70 121 121	#467979
66.7%	66.7% #669191	RGB 102 145 145	#669191
83.3%	83.3% #8CAAAA	RGB 140 170 170	#8CAAAA
100.0%	100.0% #B9C3C3	RGB 185 195 195	#B9C3C3

#092F2F #184747 #2C6060 #467979 #669191 #8CAAAA #B9C3C3

#0A2F2F - #467979 - #B9C3C3

Códigos CSS

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

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