#27A6A6 - #0B2F2F | 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 #27A6A6 a #0B2F2F

#27A6A6 #0B2F2F

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

#27A6A6 - #0B2F2F | 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 #27A6A6 como 0% y #0B2F2F como 100%.

0.0%	0.0% #27A6A6	RGB 39 166 166	#27A6A6
16.7%	16.7% #229292	RGB 34 146 146	#229292
33.3%	33.3% #1D7E7E	RGB 29 126 126	#1D7E7E
50.0%	50.0% #196A6A	RGB 25 106 106	#196A6A
66.7%	66.7% #145656	RGB 20 86 86	#145656
83.3%	83.3% #0F4242	RGB 15 66 66	#0F4242
100.0%	100.0% #0B2F2F	RGB 11 47 47	#0B2F2F

#27A6A6 #229292 #1D7E7E #196A6A #145656 #0F4242 #0B2F2F

#27A6A6 - #0B2F2F

Mezcla HSV

#27A6A6 - #0B2F2F | 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 #27A6A6 como 0% y #0B2F2F como 100%.

0.0%	0.0% #27A6A6	RGB 39 166 166	#27A6A6
16.7%	16.7% #229292	RGB 34 146 146	#229292
33.3%	33.3% #1D7E7E	RGB 29 126 126	#1D7E7E
50.0%	50.0% #186A6A	RGB 24 106 106	#186A6A
66.7%	66.7% #145656	RGB 20 86 86	#145656
83.3%	83.3% #0F4242	RGB 15 66 66	#0F4242
100.0%	100.0% #0B2F2F	RGB 11 47 47	#0B2F2F

#27A6A6 #229292 #1D7E7E #186A6A #145656 #0F4242 #0B2F2F

#27A6A6 - #186A6A - #0B2F2F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #27A6A6 0%, #186A6A 50%, #0B2F2F 100%);
    background: -webkit-linear-gradient(top, #27A6A6 0%, #186A6A 50%, #0B2F2F 100%);
    background: linear-gradient(to bottom, #27A6A6 0%, #186A6A 50%, #0B2F2F 100%);
}
</style>