#B5E5C5 - #DEE3CD | 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 #B5E5C5 a #DEE3CD

#B5E5C5 #DEE3CD

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

#B5E5C5 - #DEE3CD | 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 #B5E5C5 como 0% y #DEE3CD como 100%.

0.0%	0.0% #B5E5C5	RGB 181 229 197	#B5E5C5
16.7%	16.7% #BBE4C6	RGB 187 228 198	#BBE4C6
33.3%	33.3% #C2E4C7	RGB 194 228 199	#C2E4C7
50.0%	50.0% #C9E4C9	RGB 201 228 201	#C9E4C9
66.7%	66.7% #D0E3CA	RGB 208 227 202	#D0E3CA
83.3%	83.3% #D7E3CB	RGB 215 227 203	#D7E3CB
100.0%	100.0% #DEE3CD	RGB 222 227 205	#DEE3CD

#B5E5C5 #BBE4C6 #C2E4C7 #C9E4C9 #D0E3CA #D7E3CB #DEE3CD

#B5E5C5 - #DEE3CD

Mezcla HSV

#B5E5C5 - #DEE3CD | 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 #B5E5C5 como 0% y #DEE3CD como 100%.

0.0%	0.0% #B5E5C5	RGB 181 229 197	#B5E5C5
16.7%	16.7% #B9E4BF	RGB 185 228 191	#B9E4BF
33.3%	33.3% #BEE4BD	RGB 190 228 189	#BEE4BD
50.0%	50.0% #C8E4C1	RGB 200 228 193	#C8E4C1
66.7%	66.7% #D1E3C5	RGB 209 227 197	#D1E3C5
83.3%	83.3% #D8E3C9	RGB 216 227 201	#D8E3C9
100.0%	100.0% #DEE3CD	RGB 222 227 205	#DEE3CD

#B5E5C5 #B9E4BF #BEE4BD #C8E4C1 #D1E3C5 #D8E3C9 #DEE3CD

#B5E5C5 - #C8E4C1 - #DEE3CD

Códigos CSS

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

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