#BAE5E4 - #4ABABA | 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 #BAE5E4 a #4ABABA

#BAE5E4 #4ABABA

Calcule el color entre dos colores, #BAE5E4 y #4ABABA. 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)

#BAE5E4 - #4ABABA | 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 #BAE5E4 como 0% y #4ABABA como 100%.

0.0%	0.0% #BAE5E4	RGB 186 229 228	#BAE5E4
16.7%	16.7% #A7DDDD	RGB 167 221 221	#A7DDDD
33.3%	33.3% #94D6D6	RGB 148 214 214	#94D6D6
50.0%	50.0% #82CFCF	RGB 130 207 207	#82CFCF
66.7%	66.7% #6FC8C8	RGB 111 200 200	#6FC8C8
83.3%	83.3% #5CC1C1	RGB 92 193 193	#5CC1C1
100.0%	100.0% #4ABABA	RGB 74 186 186	#4ABABA

#BAE5E4 #A7DDDD #94D6D6 #82CFCF #6FC8C8 #5CC1C1 #4ABABA

#BAE5E4 - #4ABABA

Mezcla HSV

#BAE5E4 - #4ABABA | 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 #BAE5E4 como 0% y #4ABABA como 100%.

0.0%	0.0% #BAE5E4	RGB 186 229 228	#BAE5E4
16.7%	16.7% #A4DDDC	RGB 164 221 220	#A4DDDC
33.3%	33.3% #90D6D5	RGB 144 214 213	#90D6D5
50.0%	50.0% #7DCFCE	RGB 125 207 206	#7DCFCE
66.7%	66.7% #6BC8C7	RGB 107 200 199	#6BC8C7
83.3%	83.3% #5AC1C0	RGB 90 193 192	#5AC1C0
100.0%	100.0% #4ABABA	RGB 74 186 186	#4ABABA

#BAE5E4 #A4DDDC #90D6D5 #7DCFCE #6BC8C7 #5AC1C0 #4ABABA

#BAE5E4 - #7DCFCE - #4ABABA

Códigos CSS

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

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