#0F4040 - #488B6B | 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 #0F4040 a #488B6B

#0F4040 #488B6B

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

#0F4040 - #488B6B | 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 #0F4040 como 0% y #488B6B como 100%.

0.0%	0.0% #0F4040	RGB 15 64 64	#0F4040
16.7%	16.7% #184C47	RGB 24 76 71	#184C47
33.3%	33.3% #22594E	RGB 34 89 78	#22594E
50.0%	50.0% #2B6555	RGB 43 101 85	#2B6555
66.7%	66.7% #35725C	RGB 53 114 92	#35725C
83.3%	83.3% #3E7E63	RGB 62 126 99	#3E7E63
100.0%	100.0% #488B6B	RGB 72 139 107	#488B6B

#0F4040 #184C47 #22594E #2B6555 #35725C #3E7E63 #488B6B

#0F4040 - #488B6B

Mezcla HSV

#0F4040 - #488B6B | 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 #0F4040 como 0% y #488B6B como 100%.

0.0%	0.0% #0F4040	RGB 15 64 64	#0F4040
16.7%	16.7% #154C48	RGB 21 76 72	#154C48
33.3%	33.3% #1D594F	RGB 29 89 79	#1D594F
50.0%	50.0% #266556	RGB 38 101 86	#266556
66.7%	66.7% #30725D	RGB 48 114 93	#30725D
83.3%	83.3% #3B7E63	RGB 59 126 99	#3B7E63
100.0%	100.0% #488B6B	RGB 72 139 107	#488B6B

#0F4040 #154C48 #1D594F #266556 #30725D #3B7E63 #488B6B

#0F4040 - #266556 - #488B6B

Códigos CSS

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

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