#B8F5E4 - #DEE6CF | 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 #B8F5E4 a #DEE6CF

#B8F5E4 #DEE6CF

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

#B8F5E4 - #DEE6CF | 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 #B8F5E4 como 0% y #DEE6CF como 100%.

0.0%	0.0% #B8F5E4	RGB 184 245 228	#B8F5E4
16.7%	16.7% #BEF2E0	RGB 190 242 224	#BEF2E0
33.3%	33.3% #C4F0DD	RGB 196 240 221	#C4F0DD
50.0%	50.0% #CBEDD9	RGB 203 237 217	#CBEDD9
66.7%	66.7% #D1EBD6	RGB 209 235 214	#D1EBD6
83.3%	83.3% #D7E8D2	RGB 215 232 210	#D7E8D2
100.0%	100.0% #DEE6CF	RGB 222 230 207	#DEE6CF

#B8F5E4 #BEF2E0 #C4F0DD #CBEDD9 #D1EBD6 #D7E8D2 #DEE6CF

#B8F5E4 - #DEE6CF

Mezcla HSV

#B8F5E4 - #DEE6CF | 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 #B8F5E4 como 0% y #DEE6CF como 100%.

0.0%	0.0% #B8F5E4	RGB 184 245 228	#B8F5E4
16.7%	16.7% #BCF2D6	RGB 188 242 214	#BCF2D6
33.3%	33.3% #C0F0CC	RGB 192 240 204	#C0F0CC
50.0%	50.0% #C4EDC5	RGB 196 237 197	#C4EDC5
66.7%	66.7% #CEEBC7	RGB 206 235 199	#CEEBC7
83.3%	83.3% #D7E8CB	RGB 215 232 203	#D7E8CB
100.0%	100.0% #DEE6CF	RGB 222 230 207	#DEE6CF

#B8F5E4 #BCF2D6 #C0F0CC #C4EDC5 #CEEBC7 #D7E8CB #DEE6CF

#B8F5E4 - #C4EDC5 - #DEE6CF

Códigos CSS

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

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