#E3F2F2 - #C7EBE3 | 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 #E3F2F2 a #C7EBE3

#E3F2F2 #C7EBE3

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

#E3F2F2 - #C7EBE3 | 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 #E3F2F2 como 0% y #C7EBE3 como 100%.

0.0%	0.0% #E3F2F2	RGB 227 242 242	#E3F2F2
16.7%	16.7% #DEF0EF	RGB 222 240 239	#DEF0EF
33.3%	33.3% #D9EFED	RGB 217 239 237	#D9EFED
50.0%	50.0% #D5EEEA	RGB 213 238 234	#D5EEEA
66.7%	66.7% #D0EDE8	RGB 208 237 232	#D0EDE8
83.3%	83.3% #CBECE5	RGB 203 236 229	#CBECE5
100.0%	100.0% #C7EBE3	RGB 199 235 227	#C7EBE3

#E3F2F2 #DEF0EF #D9EFED #D5EEEA #D0EDE8 #CBECE5 #C7EBE3

#E3F2F2 - #C7EBE3

Mezcla HSV

#E3F2F2 - #C7EBE3 | 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 #E3F2F2 como 0% y #C7EBE3 como 100%.

0.0%	0.0% #E3F2F2	RGB 227 242 242	#E3F2F2
16.7%	16.7% #DEF0F0	RGB 222 240 240	#DEF0F0
33.3%	33.3% #D9EFEE	RGB 217 239 238	#D9EFEE
50.0%	50.0% #D4EEEB	RGB 212 238 235	#D4EEEB
66.7%	66.7% #D0EDE9	RGB 208 237 233	#D0EDE9
83.3%	83.3% #CBECE6	RGB 203 236 230	#CBECE6
100.0%	100.0% #C7EBE3	RGB 199 235 227	#C7EBE3

#E3F2F2 #DEF0F0 #D9EFEE #D4EEEB #D0EDE9 #CBECE6 #C7EBE3

#E3F2F2 - #D4EEEB - #C7EBE3

Códigos CSS

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

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