#0F4C4C - #BACBCB | 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 #0F4C4C a #BACBCB

#0F4C4C #BACBCB

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

#0F4C4C - #BACBCB | 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 #0F4C4C como 0% y #BACBCB como 100%.

0.0%	0.0% #0F4C4C	RGB 15 76 76	#0F4C4C
16.7%	16.7% #2B6161	RGB 43 97 97	#2B6161
33.3%	33.3% #487676	RGB 72 118 118	#487676
50.0%	50.0% #648B8B	RGB 100 139 139	#648B8B
66.7%	66.7% #81A0A0	RGB 129 160 160	#81A0A0
83.3%	83.3% #9DB5B5	RGB 157 181 181	#9DB5B5
100.0%	100.0% #BACBCB	RGB 186 203 203	#BACBCB

#0F4C4C #2B6161 #487676 #648B8B #81A0A0 #9DB5B5 #BACBCB

#0F4C4C - #BACBCB

Mezcla HSV

#0F4C4C - #BACBCB | 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 #0F4C4C como 0% y #BACBCB como 100%.

0.0%	0.0% #0F4C4C	RGB 15 76 76	#0F4C4C
16.7%	16.7% #1E6161	RGB 30 97 97	#1E6161
33.3%	33.3% #337676	RGB 51 118 118	#337676
50.0%	50.0% #4D8B8B	RGB 77 139 139	#4D8B8B
66.7%	66.7% #6CA0A0	RGB 108 160 160	#6CA0A0
83.3%	83.3% #90B5B5	RGB 144 181 181	#90B5B5
100.0%	100.0% #BACBCB	RGB 186 203 203	#BACBCB

#0F4C4C #1E6161 #337676 #4D8B8B #6CA0A0 #90B5B5 #BACBCB

#0F4C4C - #4D8B8B - #BACBCB

Códigos CSS

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

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