#B0E5E3 - #E8F7F7 | 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 #B0E5E3 a #E8F7F7

#B0E5E3 #E8F7F7

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

#B0E5E3 - #E8F7F7 | 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 #B0E5E3 como 0% y #E8F7F7 como 100%.

0.0%	0.0% #B0E5E3	RGB 176 229 227	#B0E5E3
16.7%	16.7% #B9E8E6	RGB 185 232 230	#B9E8E6
33.3%	33.3% #C2EBE9	RGB 194 235 233	#C2EBE9
50.0%	50.0% #CCEEED	RGB 204 238 237	#CCEEED
66.7%	66.7% #D5F1F0	RGB 213 241 240	#D5F1F0
83.3%	83.3% #DEF4F3	RGB 222 244 243	#DEF4F3
100.0%	100.0% #E8F7F7	RGB 232 247 247	#E8F7F7

#B0E5E3 #B9E8E6 #C2EBE9 #CCEEED #D5F1F0 #DEF4F3 #E8F7F7

#B0E5E3 - #E8F7F7

Mezcla HSV

#B0E5E3 - #E8F7F7 | 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 #B0E5E3 como 0% y #E8F7F7 como 100%.

0.0%	0.0% #B0E5E3	RGB 176 229 227	#B0E5E3
16.7%	16.7% #B8E8E6	RGB 184 232 230	#B8E8E6
33.3%	33.3% #C1EBE9	RGB 193 235 233	#C1EBE9
50.0%	50.0% #CBEEED	RGB 203 238 237	#CBEEED
66.7%	66.7% #D4F1F0	RGB 212 241 240	#D4F1F0
83.3%	83.3% #DEF4F3	RGB 222 244 243	#DEF4F3
100.0%	100.0% #E8F7F7	RGB 232 247 247	#E8F7F7

#B0E5E3 #B8E8E6 #C1EBE9 #CBEEED #D4F1F0 #DEF4F3 #E8F7F7

#B0E5E3 - #CBEEED - #E8F7F7

Códigos CSS

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

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