#1BAFA9 - #B7F0AD | 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 #1BAFA9 a #B7F0AD

#1BAFA9 #B7F0AD

Calcule el color entre dos colores, #1BAFA9 y #B7F0AD. 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)

#1BAFA9 - #B7F0AD | 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 #1BAFA9 como 0% y #B7F0AD como 100%.

0.0%	0.0% #1BAFA9	RGB 27 175 169	#1BAFA9
16.7%	16.7% #35B9A9	RGB 53 185 169	#35B9A9
33.3%	33.3% #4FC4AA	RGB 79 196 170	#4FC4AA
50.0%	50.0% #69CFAB	RGB 105 207 171	#69CFAB
66.7%	66.7% #83DAAB	RGB 131 218 171	#83DAAB
83.3%	83.3% #9DE5AC	RGB 157 229 172	#9DE5AC
100.0%	100.0% #B7F0AD	RGB 183 240 173	#B7F0AD

#1BAFA9 #35B9A9 #4FC4AA #69CFAB #83DAAB #9DE5AC #B7F0AD

#1BAFA9 - #B7F0AD

Mezcla HSV

#1BAFA9 - #B7F0AD | 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 #1BAFA9 como 0% y #B7F0AD como 100%.

0.0%	0.0% #1BAFA9	RGB 27 175 169	#1BAFA9
16.7%	16.7% #2EB99A	RGB 46 185 154	#2EB99A
33.3%	33.3% #43C48F	RGB 67 196 143	#43C48F
50.0%	50.0% #5ACF8A	RGB 90 207 138	#5ACF8A
66.7%	66.7% #74DA8A	RGB 116 218 138	#74DA8A
83.3%	83.3% #8FE592	RGB 143 229 146	#8FE592
100.0%	100.0% #B7F0AD	RGB 183 240 173	#B7F0AD

#1BAFA9 #2EB99A #43C48F #5ACF8A #74DA8A #8FE592 #B7F0AD

#1BAFA9 - #5ACF8A - #B7F0AD

Códigos CSS

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

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