#B6D5D5 - #EAF3F3 | 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 #B6D5D5 a #EAF3F3

#B6D5D5 #EAF3F3

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

#B6D5D5 - #EAF3F3 | 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 #B6D5D5 como 0% y #EAF3F3 como 100%.

0.0%	0.0% #B6D5D5	RGB 182 213 213	#B6D5D5
16.7%	16.7% #BEDADA	RGB 190 218 218	#BEDADA
33.3%	33.3% #C7DFDF	RGB 199 223 223	#C7DFDF
50.0%	50.0% #D0E4E4	RGB 208 228 228	#D0E4E4
66.7%	66.7% #D8E9E9	RGB 216 233 233	#D8E9E9
83.3%	83.3% #E1EEEE	RGB 225 238 238	#E1EEEE
100.0%	100.0% #EAF3F3	RGB 234 243 243	#EAF3F3

#B6D5D5 #BEDADA #C7DFDF #D0E4E4 #D8E9E9 #E1EEEE #EAF3F3

#B6D5D5 - #EAF3F3

Mezcla HSV

#B6D5D5 - #EAF3F3 | 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 #B6D5D5 como 0% y #EAF3F3 como 100%.

0.0%	0.0% #B6D5D5	RGB 182 213 213	#B6D5D5
16.7%	16.7% #BEDADA	RGB 190 218 218	#BEDADA
33.3%	33.3% #C6DFDF	RGB 198 223 223	#C6DFDF
50.0%	50.0% #CFE4E4	RGB 207 228 228	#CFE4E4
66.7%	66.7% #D7E9E9	RGB 215 233 233	#D7E9E9
83.3%	83.3% #E0EEEE	RGB 224 238 238	#E0EEEE
100.0%	100.0% #EAF3F3	RGB 234 243 243	#EAF3F3

#B6D5D5 #BEDADA #C6DFDF #CFE4E4 #D7E9E9 #E0EEEE #EAF3F3

#B6D5D5 - #CFE4E4 - #EAF3F3

Códigos CSS

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

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