#168696 - #BCDCE1 | 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 #168696 a #BCDCE1

#168696 #BCDCE1

Calcule el color entre dos colores, #168696 y #BCDCE1. 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)

#168696 - #BCDCE1 | 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 #168696 como 0% y #BCDCE1 como 100%.

0.0%	0.0% #168696	RGB 22 134 150	#168696
16.7%	16.7% #3194A2	RGB 49 148 162	#3194A2
33.3%	33.3% #4DA2AF	RGB 77 162 175	#4DA2AF
50.0%	50.0% #69B1BB	RGB 105 177 187	#69B1BB
66.7%	66.7% #84BFC8	RGB 132 191 200	#84BFC8
83.3%	83.3% #A0CDD4	RGB 160 205 212	#A0CDD4
100.0%	100.0% #BCDCE1	RGB 188 220 225	#BCDCE1

#168696 #3194A2 #4DA2AF #69B1BB #84BFC8 #A0CDD4 #BCDCE1

#168696 - #BCDCE1

Mezcla HSV

#168696 - #BCDCE1 | 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 #168696 como 0% y #BCDCE1 como 100%.

0.0%	0.0% #158696	RGB 21 134 150	#158696
16.7%	16.7% #2A93A2	RGB 42 147 162	#2A93A2
33.3%	33.3% #41A0AF	RGB 65 160 175	#41A0AF
50.0%	50.0% #5CAFBB	RGB 92 175 187	#5CAFBB
66.7%	66.7% #79BDC8	RGB 121 189 200	#79BDC8
83.3%	83.3% #99CCD4	RGB 153 204 212	#99CCD4
100.0%	100.0% #BCDCE1	RGB 188 220 225	#BCDCE1

#158696 #2A93A2 #41A0AF #5CAFBB #79BDC8 #99CCD4 #BCDCE1

#168696 - #5CAFBB - #BCDCE1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #158696 0%, #5CAFBB 50%, #BCDCE1 100%);
    background: -webkit-linear-gradient(top, #158696 0%, #5CAFBB 50%, #BCDCE1 100%);
    background: linear-gradient(to bottom, #158696 0%, #5CAFBB 50%, #BCDCE1 100%);
}
</style>