#7FDFFF - #E5E3E2 | 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 #7FDFFF a #E5E3E2

#7FDFFF #E5E3E2

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

#7FDFFF - #E5E3E2 | 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 #7FDFFF como 0% y #E5E3E2 como 100%.

0.0%	0.0% #7FDFFF	RGB 127 223 255	#7FDFFF
16.7%	16.7% #90DFFA	RGB 144 223 250	#90DFFA
33.3%	33.3% #A1E0F5	RGB 161 224 245	#A1E0F5
50.0%	50.0% #B2E1F0	RGB 178 225 240	#B2E1F0
66.7%	66.7% #C3E1EB	RGB 195 225 235	#C3E1EB
83.3%	83.3% #D4E2E6	RGB 212 226 230	#D4E2E6
100.0%	100.0% #E5E3E2	RGB 229 227 226	#E5E3E2

#7FDFFF #90DFFA #A1E0F5 #B2E1F0 #C3E1EB #D4E2E6 #E5E3E2

#7FDFFF - #E5E3E2

Mezcla HSV

#7FDFFF - #E5E3E2 | 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 #7FDFFF como 0% y #E5E3E2 como 100%.

0.0%	0.0% #7FDFFF	RGB 127 223 255	#7FDFFF
16.7%	16.7% #91FAE1	RGB 145 250 225	#91FAE1
33.3%	33.3% #A2F6BA	RGB 162 246 186	#A2F6BA
50.0%	50.0% #C0F2B3	RGB 192 242 179	#C0F2B3
66.7%	66.7% #E0EDC3	RGB 224 237 195	#E0EDC3
83.3%	83.3% #E9E5D3	RGB 233 229 211	#E9E5D3
100.0%	100.0% #E5E3E2	RGB 229 227 226	#E5E3E2

#7FDFFF #91FAE1 #A2F6BA #C0F2B3 #E0EDC3 #E9E5D3 #E5E3E2

#7FDFFF - #C0F2B3 - #E5E3E2

Códigos CSS

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

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