#0F5E5E - #BAD1D1 | 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 #0F5E5E a #BAD1D1

#0F5E5E #BAD1D1

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

#0F5E5E - #BAD1D1 | 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 #0F5E5E como 0% y #BAD1D1 como 100%.

0.0%	0.0% #0F5E5E	RGB 15 94 94	#0F5E5E
16.7%	16.7% #2B7171	RGB 43 113 113	#2B7171
33.3%	33.3% #488484	RGB 72 132 132	#488484
50.0%	50.0% #649797	RGB 100 151 151	#649797
66.7%	66.7% #81AAAA	RGB 129 170 170	#81AAAA
83.3%	83.3% #9DBDBD	RGB 157 189 189	#9DBDBD
100.0%	100.0% #BAD1D1	RGB 186 209 209	#BAD1D1

#0F5E5E #2B7171 #488484 #649797 #81AAAA #9DBDBD #BAD1D1

#0F5E5E - #BAD1D1

Mezcla HSV

#0F5E5E - #BAD1D1 | 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 #0F5E5E como 0% y #BAD1D1 como 100%.

0.0%	0.0% #0E5E5E	RGB 14 94 94	#0E5E5E
16.7%	16.7% #1F7171	RGB 31 113 113	#1F7171
33.3%	33.3% #358484	RGB 53 132 132	#358484
50.0%	50.0% #4F9797	RGB 79 151 151	#4F9797
66.7%	66.7% #6EAAAA	RGB 110 170 170	#6EAAAA
83.3%	83.3% #91BDBD	RGB 145 189 189	#91BDBD
100.0%	100.0% #BAD1D1	RGB 186 209 209	#BAD1D1

#0E5E5E #1F7171 #358484 #4F9797 #6EAAAA #91BDBD #BAD1D1

#0F5E5E - #4F9797 - #BAD1D1

Códigos CSS

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

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