#B5E6B9 - #E4E3CD | 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 #B5E6B9 a #E4E3CD

#B5E6B9 #E4E3CD

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

#B5E6B9 - #E4E3CD | 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 #B5E6B9 como 0% y #E4E3CD como 100%.

0.0%	0.0% #B5E6B9	RGB 181 230 185	#B5E6B9
16.7%	16.7% #BCE5BC	RGB 188 229 188	#BCE5BC
33.3%	33.3% #C4E5BF	RGB 196 229 191	#C4E5BF
50.0%	50.0% #CCE4C3	RGB 204 228 195	#CCE4C3
66.7%	66.7% #D4E4C6	RGB 212 228 198	#D4E4C6
83.3%	83.3% #DCE3C9	RGB 220 227 201	#DCE3C9
100.0%	100.0% #E4E3CD	RGB 228 227 205	#E4E3CD

#B5E6B9 #BCE5BC #C4E5BF #CCE4C3 #D4E4C6 #DCE3C9 #E4E3CD

#B5E6B9 - #E4E3CD

Mezcla HSV

#B5E6B9 - #E4E3CD | 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 #B5E6B9 como 0% y #E4E3CD como 100%.

0.0%	0.0% #B5E6B9	RGB 181 230 185	#B5E6B9
16.7%	16.7% #BDE5B9	RGB 189 229 185	#BDE5B9
33.3%	33.3% #C8E5BD	RGB 200 229 189	#C8E5BD
50.0%	50.0% #D2E5C1	RGB 210 229 193	#D2E5C1
66.7%	66.7% #DAE4C5	RGB 218 228 197	#DAE4C5
83.3%	83.3% #E0E4C9	RGB 224 228 201	#E0E4C9
100.0%	100.0% #E4E3CD	RGB 228 227 205	#E4E3CD

#B5E6B9 #BDE5B9 #C8E5BD #D2E5C1 #DAE4C5 #E0E4C9 #E4E3CD

#B5E6B9 - #D2E5C1 - #E4E3CD

Códigos CSS

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

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