#0092A1 - #B6DFE4 | 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 #0092A1 a #B6DFE4

#0092A1 #B6DFE4

Calcule el color entre dos colores, #0092A1 y #B6DFE4. 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)

#0092A1 - #B6DFE4 | 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 #0092A1 como 0% y #B6DFE4 como 100%.

0.0%	0.0% #0092A1	RGB 0 146 161	#0092A1
16.7%	16.7% #1E9EAC	RGB 30 158 172	#1E9EAC
33.3%	33.3% #3CABB7	RGB 60 171 183	#3CABB7
50.0%	50.0% #5BB8C2	RGB 91 184 194	#5BB8C2
66.7%	66.7% #79C5CD	RGB 121 197 205	#79C5CD
83.3%	83.3% #97D2D8	RGB 151 210 216	#97D2D8
100.0%	100.0% #B6DFE4	RGB 182 223 228	#B6DFE4

#0092A1 #1E9EAC #3CABB7 #5BB8C2 #79C5CD #97D2D8 #B6DFE4

#0092A1 - #B6DFE4

Mezcla HSV

#0092A1 - #B6DFE4 | 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 #0092A1 como 0% y #B6DFE4 como 100%.

0.0%	0.0% #0091A1	RGB 0 145 161	#0091A1
16.7%	16.7% #169DAC	RGB 22 157 172	#169DAC
33.3%	33.3% #30AAB7	RGB 48 170 183	#30AAB7
50.0%	50.0% #4DB6C2	RGB 77 182 194	#4DB6C2
66.7%	66.7% #6DC3CD	RGB 109 195 205	#6DC3CD
83.3%	83.3% #90D1D8	RGB 144 209 216	#90D1D8
100.0%	100.0% #B6DFE4	RGB 182 223 228	#B6DFE4

#0091A1 #169DAC #30AAB7 #4DB6C2 #6DC3CD #90D1D8 #B6DFE4

#0092A1 - #4DB6C2 - #B6DFE4

Códigos CSS

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

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