#B5E6C8 - #DEE4CD | 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 #B5E6C8 a #DEE4CD

#B5E6C8 #DEE4CD

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

#B5E6C8 - #DEE4CD | 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 #B5E6C8 como 0% y #DEE4CD como 100%.

0.0%	0.0% #B5E6C8	RGB 181 230 200	#B5E6C8
16.7%	16.7% #BBE5C8	RGB 187 229 200	#BBE5C8
33.3%	33.3% #C2E5C9	RGB 194 229 201	#C2E5C9
50.0%	50.0% #C9E5CA	RGB 201 229 202	#C9E5CA
66.7%	66.7% #D0E4CB	RGB 208 228 203	#D0E4CB
83.3%	83.3% #D7E4CC	RGB 215 228 204	#D7E4CC
100.0%	100.0% #DEE4CD	RGB 222 228 205	#DEE4CD

#B5E6C8 #BBE5C8 #C2E5C9 #C9E5CA #D0E4CB #D7E4CC #DEE4CD

#B5E6C8 - #DEE4CD

Mezcla HSV

#B5E6C8 - #DEE4CD | 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 #B5E6C8 como 0% y #DEE4CD como 100%.

0.0%	0.0% #B5E6C8	RGB 181 230 200	#B5E6C8
16.7%	16.7% #B9E5C1	RGB 185 229 193	#B9E5C1
33.3%	33.3% #BDE5BD	RGB 189 229 189	#BDE5BD
50.0%	50.0% #C7E5C1	RGB 199 229 193	#C7E5C1
66.7%	66.7% #D0E4C5	RGB 208 228 197	#D0E4C5
83.3%	83.3% #D8E4C9	RGB 216 228 201	#D8E4C9
100.0%	100.0% #DEE4CD	RGB 222 228 205	#DEE4CD

#B5E6C8 #B9E5C1 #BDE5BD #C7E5C1 #D0E4C5 #D8E4C9 #DEE4CD

#B5E6C8 - #C7E5C1 - #DEE4CD

Códigos CSS

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

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