#B5EFC5 - #EAEAC4 | 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 #B5EFC5 a #EAEAC4

#B5EFC5 #EAEAC4

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

#B5EFC5 - #EAEAC4 | 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 #B5EFC5 como 0% y #EAEAC4 como 100%.

0.0%	0.0% #B5EFC5	RGB 181 239 197	#B5EFC5
16.7%	16.7% #BDEEC4	RGB 189 238 196	#BDEEC4
33.3%	33.3% #C6EDC4	RGB 198 237 196	#C6EDC4
50.0%	50.0% #CFECC4	RGB 207 236 196	#CFECC4
66.7%	66.7% #D8EBC4	RGB 216 235 196	#D8EBC4
83.3%	83.3% #E1EAC4	RGB 225 234 196	#E1EAC4
100.0%	100.0% #EAEAC4	RGB 234 234 196	#EAEAC4

#B5EFC5 #BDEEC4 #C6EDC4 #CFECC4 #D8EBC4 #E1EAC4 #EAEAC4

#B5EFC5 - #EAEAC4

Mezcla HSV

#B5EFC5 - #EAEAC4 | 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 #B5EFC5 como 0% y #EAEAC4 como 100%.

0.0%	0.0% #B5EFC5	RGB 181 239 197	#B5EFC5
16.7%	16.7% #B7EEBB	RGB 183 238 187	#B7EEBB
33.3%	33.3% #C1EDBA	RGB 193 237 186	#C1EDBA
50.0%	50.0% #CDECBC	RGB 205 236 188	#CDECBC
66.7%	66.7% #D8EBBF	RGB 216 235 191	#D8EBBF
83.3%	83.3% #E2EAC1	RGB 226 234 193	#E2EAC1
100.0%	100.0% #EAEAC4	RGB 234 234 196	#EAEAC4

#B5EFC5 #B7EEBB #C1EDBA #CDECBC #D8EBBF #E2EAC1 #EAEAC4

#B5EFC5 - #CDECBC - #EAEAC4

Códigos CSS

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

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