#B5EEC2 - #EBEAC3 | 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 #B5EEC2 a #EBEAC3

#B5EEC2 #EBEAC3

Calcule el color entre dos colores, #B5EEC2 y #EBEAC3. 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)

#B5EEC2 - #EBEAC3 | 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 #B5EEC2 como 0% y #EBEAC3 como 100%.

0.0%	0.0% #B5EEC2	RGB 181 238 194	#B5EEC2
16.7%	16.7% #BEEDC2	RGB 190 237 194	#BEEDC2
33.3%	33.3% #C7ECC2	RGB 199 236 194	#C7ECC2
50.0%	50.0% #D0ECC2	RGB 208 236 194	#D0ECC2
66.7%	66.7% #D9EBC2	RGB 217 235 194	#D9EBC2
83.3%	83.3% #E2EAC2	RGB 226 234 194	#E2EAC2
100.0%	100.0% #EBEAC3	RGB 235 234 195	#EBEAC3

#B5EEC2 #BEEDC2 #C7ECC2 #D0ECC2 #D9EBC2 #E2EAC2 #EBEAC3

#B5EEC2 - #EBEAC3

Mezcla HSV

#B5EEC2 - #EBEAC3 | 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 #B5EEC2 como 0% y #EBEAC3 como 100%.

0.0%	0.0% #B5EEC2	RGB 181 238 194	#B5EEC2
16.7%	16.7% #B7EDB8	RGB 183 237 184	#B7EDB8
33.3%	33.3% #C3EDB9	RGB 195 237 185	#C3EDB9
50.0%	50.0% #CFECBC	RGB 207 236 188	#CFECBC
66.7%	66.7% #DAECBE	RGB 218 236 190	#DAECBE
83.3%	83.3% #E3EBC0	RGB 227 235 192	#E3EBC0
100.0%	100.0% #EBEAC3	RGB 235 234 195	#EBEAC3

#B5EEC2 #B7EDB8 #C3EDB9 #CFECBC #DAECBE #E3EBC0 #EBEAC3

#B5EEC2 - #CFECBC - #EBEAC3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5EEC2 0%, #CFECBC 50%, #EBEAC3 100%);
    background: -webkit-linear-gradient(top, #B5EEC2 0%, #CFECBC 50%, #EBEAC3 100%);
    background: linear-gradient(to bottom, #B5EEC2 0%, #CFECBC 50%, #EBEAC3 100%);
}
</style>