#B2ECE9 - #E9F9F8 | 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 #B2ECE9 a #E9F9F8

#B2ECE9 #E9F9F8

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

#B2ECE9 - #E9F9F8 | 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 #B2ECE9 como 0% y #E9F9F8 como 100%.

0.0%	0.0% #B2ECE9	RGB 178 236 233	#B2ECE9
16.7%	16.7% #BBEEEB	RGB 187 238 235	#BBEEEB
33.3%	33.3% #C4F0EE	RGB 196 240 238	#C4F0EE
50.0%	50.0% #CDF2F0	RGB 205 242 240	#CDF2F0
66.7%	66.7% #D6F4F3	RGB 214 244 243	#D6F4F3
83.3%	83.3% #DFF6F5	RGB 223 246 245	#DFF6F5
100.0%	100.0% #E9F9F8	RGB 233 249 248	#E9F9F8

#B2ECE9 #BBEEEB #C4F0EE #CDF2F0 #D6F4F3 #DFF6F5 #E9F9F8

#B2ECE9 - #E9F9F8

Mezcla HSV

#B2ECE9 - #E9F9F8 | 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 #B2ECE9 como 0% y #E9F9F8 como 100%.

0.0%	0.0% #B2ECE9	RGB 178 236 233	#B2ECE9
16.7%	16.7% #BAEEEB	RGB 186 238 235	#BAEEEB
33.3%	33.3% #C3F0ED	RGB 195 240 237	#C3F0ED
50.0%	50.0% #CCF2F0	RGB 204 242 240	#CCF2F0
66.7%	66.7% #D6F4F2	RGB 214 244 242	#D6F4F2
83.3%	83.3% #DFF6F5	RGB 223 246 245	#DFF6F5
100.0%	100.0% #E9F9F8	RGB 233 249 248	#E9F9F8

#B2ECE9 #BAEEEB #C3F0ED #CCF2F0 #D6F4F2 #DFF6F5 #E9F9F8

#B2ECE9 - #CCF2F0 - #E9F9F8

Códigos CSS

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

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