#B5E9D9 - #4CBEAC | 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 #B5E9D9 a #4CBEAC

#B5E9D9 #4CBEAC

Calcule el color entre dos colores, #B5E9D9 y #4CBEAC. 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)

#B5E9D9 - #4CBEAC | 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 #B5E9D9 como 0% y #4CBEAC como 100%.

0.0%	0.0% #B5E9D9	RGB 181 233 217	#B5E9D9
16.7%	16.7% #A3E1D1	RGB 163 225 209	#A3E1D1
33.3%	33.3% #92DACA	RGB 146 218 202	#92DACA
50.0%	50.0% #80D3C2	RGB 128 211 194	#80D3C2
66.7%	66.7% #6FCCBB	RGB 111 204 187	#6FCCBB
83.3%	83.3% #5DC5B3	RGB 93 197 179	#5DC5B3
100.0%	100.0% #4CBEAC	RGB 76 190 172	#4CBEAC

#B5E9D9 #A3E1D1 #92DACA #80D3C2 #6FCCBB #5DC5B3 #4CBEAC

#B5E9D9 - #4CBEAC

Mezcla HSV

#B5E9D9 - #4CBEAC | 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 #B5E9D9 como 0% y #4CBEAC como 100%.

0.0%	0.0% #B5E9D9	RGB 181 233 217	#B5E9D9
16.7%	16.7% #A1E1CF	RGB 161 225 207	#A1E1CF
33.3%	33.3% #8EDAC7	RGB 142 218 199	#8EDAC7
50.0%	50.0% #7CD3BF	RGB 124 211 191	#7CD3BF
66.7%	66.7% #6BCCB8	RGB 107 204 184	#6BCCB8
83.3%	83.3% #5BC5B1	RGB 91 197 177	#5BC5B1
100.0%	100.0% #4CBEAC	RGB 76 190 172	#4CBEAC

#B5E9D9 #A1E1CF #8EDAC7 #7CD3BF #6BCCB8 #5BC5B1 #4CBEAC

#B5E9D9 - #7CD3BF - #4CBEAC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E9D9 0%, #7CD3BF 50%, #4CBEAC 100%);
    background: -webkit-linear-gradient(top, #B5E9D9 0%, #7CD3BF 50%, #4CBEAC 100%);
    background: linear-gradient(to bottom, #B5E9D9 0%, #7CD3BF 50%, #4CBEAC 100%);
}
</style>