#B6ECCB - #EAF9F0 | 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 #B6ECCB a #EAF9F0

#B6ECCB #EAF9F0

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

#B6ECCB - #EAF9F0 | 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 #B6ECCB como 0% y #EAF9F0 como 100%.

0.0%	0.0% #B6ECCB	RGB 182 236 203	#B6ECCB
16.7%	16.7% #BEEED1	RGB 190 238 209	#BEEED1
33.3%	33.3% #C7F0D7	RGB 199 240 215	#C7F0D7
50.0%	50.0% #D0F2DD	RGB 208 242 221	#D0F2DD
66.7%	66.7% #D8F4E3	RGB 216 244 227	#D8F4E3
83.3%	83.3% #E1F6E9	RGB 225 246 233	#E1F6E9
100.0%	100.0% #EAF9F0	RGB 234 249 240	#EAF9F0

#B6ECCB #BEEED1 #C7F0D7 #D0F2DD #D8F4E3 #E1F6E9 #EAF9F0

#B6ECCB - #EAF9F0

Mezcla HSV

#B6ECCB - #EAF9F0 | 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 #B6ECCB como 0% y #EAF9F0 como 100%.

0.0%	0.0% #B6ECCB	RGB 182 236 203	#B6ECCB
16.7%	16.7% #BEEED1	RGB 190 238 209	#BEEED1
33.3%	33.3% #C6F0D7	RGB 198 240 215	#C6F0D7
50.0%	50.0% #CFF2DD	RGB 207 242 221	#CFF2DD
66.7%	66.7% #D8F4E3	RGB 216 244 227	#D8F4E3
83.3%	83.3% #E1F6E9	RGB 225 246 233	#E1F6E9
100.0%	100.0% #EAF9F0	RGB 234 249 240	#EAF9F0

#B6ECCB #BEEED1 #C6F0D7 #CFF2DD #D8F4E3 #E1F6E9 #EAF9F0

#B6ECCB - #CFF2DD - #EAF9F0

Códigos CSS

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

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