#B5E2E2 - #44B6B8 | 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 #B5E2E2 a #44B6B8

#B5E2E2 #44B6B8

Calcule el color entre dos colores, #B5E2E2 y #44B6B8. 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)

#B5E2E2 - #44B6B8 | 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 #B5E2E2 como 0% y #44B6B8 como 100%.

0.0%	0.0% #B5E2E2	RGB 181 226 226	#B5E2E2
16.7%	16.7% #A2DADB	RGB 162 218 219	#A2DADB
33.3%	33.3% #8FD3D4	RGB 143 211 212	#8FD3D4
50.0%	50.0% #7CCCCD	RGB 124 204 205	#7CCCCD
66.7%	66.7% #69C4C6	RGB 105 196 198	#69C4C6
83.3%	83.3% #56BDBF	RGB 86 189 191	#56BDBF
100.0%	100.0% #44B6B8	RGB 68 182 184	#44B6B8

#B5E2E2 #A2DADB #8FD3D4 #7CCCCD #69C4C6 #56BDBF #44B6B8

#B5E2E2 - #44B6B8

Mezcla HSV

#B5E2E2 - #44B6B8 | 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 #B5E2E2 como 0% y #44B6B8 como 100%.

0.0%	0.0% #B5E2E2	RGB 181 226 226	#B5E2E2
16.7%	16.7% #9FDADB	RGB 159 218 219	#9FDADB
33.3%	33.3% #8BD3D4	RGB 139 211 212	#8BD3D4
50.0%	50.0% #77CCCD	RGB 119 204 205	#77CCCD
66.7%	66.7% #65C4C6	RGB 101 196 198	#65C4C6
83.3%	83.3% #54BDBF	RGB 84 189 191	#54BDBF
100.0%	100.0% #44B6B8	RGB 68 182 184	#44B6B8

#B5E2E2 #9FDADB #8BD3D4 #77CCCD #65C4C6 #54BDBF #44B6B8

#B5E2E2 - #77CCCD - #44B6B8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E2E2 0%, #77CCCD 50%, #44B6B8 100%);
    background: -webkit-linear-gradient(top, #B5E2E2 0%, #77CCCD 50%, #44B6B8 100%);
    background: linear-gradient(to bottom, #B5E2E2 0%, #77CCCD 50%, #44B6B8 100%);
}
</style>