#B5E2DB - #49B5AE | 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 #B5E2DB a #49B5AE

#B5E2DB #49B5AE

Calcule el color entre dos colores, #B5E2DB y #49B5AE. 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)

#B5E2DB - #49B5AE | 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 #B5E2DB como 0% y #49B5AE como 100%.

0.0%	0.0% #B5E2DB	RGB 181 226 219	#B5E2DB
16.7%	16.7% #A3DAD3	RGB 163 218 211	#A3DAD3
33.3%	33.3% #91D3CC	RGB 145 211 204	#91D3CC
50.0%	50.0% #7FCBC4	RGB 127 203 196	#7FCBC4
66.7%	66.7% #6DC4BD	RGB 109 196 189	#6DC4BD
83.3%	83.3% #5BBCB5	RGB 91 188 181	#5BBCB5
100.0%	100.0% #49B5AE	RGB 73 181 174	#49B5AE

#B5E2DB #A3DAD3 #91D3CC #7FCBC4 #6DC4BD #5BBCB5 #49B5AE

#B5E2DB - #49B5AE

Mezcla HSV

#B5E2DB - #49B5AE | 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 #B5E2DB como 0% y #49B5AE como 100%.

0.0%	0.0% #B5E2DB	RGB 181 226 219	#B5E2DB
16.7%	16.7% #A0DAD2	RGB 160 218 210	#A0DAD2
33.3%	33.3% #8DD3CA	RGB 141 211 202	#8DD3CA
50.0%	50.0% #7ACBC2	RGB 122 203 194	#7ACBC2
66.7%	66.7% #69C4BB	RGB 105 196 187	#69C4BB
83.3%	83.3% #58BCB4	RGB 88 188 180	#58BCB4
100.0%	100.0% #49B5AE	RGB 73 181 174	#49B5AE

#B5E2DB #A0DAD2 #8DD3CA #7ACBC2 #69C4BB #58BCB4 #49B5AE

#B5E2DB - #7ACBC2 - #49B5AE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E2DB 0%, #7ACBC2 50%, #49B5AE 100%);
    background: -webkit-linear-gradient(top, #B5E2DB 0%, #7ACBC2 50%, #49B5AE 100%);
    background: linear-gradient(to bottom, #B5E2DB 0%, #7ACBC2 50%, #49B5AE 100%);
}
</style>