#169191 - #BCDFDF | 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 #169191 a #BCDFDF

#169191 #BCDFDF

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

#169191 - #BCDFDF | 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 #169191 como 0% y #BCDFDF como 100%.

0.0%	0.0% #169191	RGB 22 145 145	#169191
16.7%	16.7% #319E9E	RGB 49 158 158	#319E9E
33.3%	33.3% #4DABAB	RGB 77 171 171	#4DABAB
50.0%	50.0% #69B8B8	RGB 105 184 184	#69B8B8
66.7%	66.7% #84C5C5	RGB 132 197 197	#84C5C5
83.3%	83.3% #A0D2D2	RGB 160 210 210	#A0D2D2
100.0%	100.0% #BCDFDF	RGB 188 223 223	#BCDFDF

#169191 #319E9E #4DABAB #69B8B8 #84C5C5 #A0D2D2 #BCDFDF

#169191 - #BCDFDF

Mezcla HSV

#169191 - #BCDFDF | 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 #169191 como 0% y #BCDFDF como 100%.

0.0%	0.0% #169191	RGB 22 145 145	#169191
16.7%	16.7% #2A9E9E	RGB 42 158 158	#2A9E9E
33.3%	33.3% #41ABAB	RGB 65 171 171	#41ABAB
50.0%	50.0% #5BB8B8	RGB 91 184 184	#5BB8B8
66.7%	66.7% #78C5C5	RGB 120 197 197	#78C5C5
83.3%	83.3% #98D2D2	RGB 152 210 210	#98D2D2
100.0%	100.0% #BCDFDF	RGB 188 223 223	#BCDFDF

#169191 #2A9E9E #41ABAB #5BB8B8 #78C5C5 #98D2D2 #BCDFDF

#169191 - #5BB8B8 - #BCDFDF

Códigos CSS

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

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