#4B99BB - #B5E4AF | 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 #4B99BB a #B5E4AF

#4B99BB #B5E4AF

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

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

0.0%	0.0% #4B99BB	RGB 75 153 187	#4B99BB
16.7%	16.7% #5CA5B9	RGB 92 165 185	#5CA5B9
33.3%	33.3% #6EB2B7	RGB 110 178 183	#6EB2B7
50.0%	50.0% #80BEB5	RGB 128 190 181	#80BEB5
66.7%	66.7% #91CBB3	RGB 145 203 179	#91CBB3
83.3%	83.3% #A3D7B1	RGB 163 215 177	#A3D7B1
100.0%	100.0% #B5E4AF	RGB 181 228 175	#B5E4AF

#4B99BB #5CA5B9 #6EB2B7 #80BEB5 #91CBB3 #A3D7B1 #B5E4AF

#4B99BB - #B5E4AF

Mezcla HSV

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

0.0%	0.0% #4B99BB	RGB 75 153 187	#4B99BB
16.7%	16.7% #59BAC1	RGB 89 186 193	#59BAC1
33.3%	33.3% #68C8B8	RGB 104 200 184	#68C8B8
50.0%	50.0% #79CFAC	RGB 121 207 172	#79CFAC
66.7%	66.7% #8AD6A5	RGB 138 214 165	#8AD6A5
83.3%	83.3% #9CDDA4	RGB 156 221 164	#9CDDA4
100.0%	100.0% #B5E4AF	RGB 181 228 175	#B5E4AF

#4B99BB #59BAC1 #68C8B8 #79CFAC #8AD6A5 #9CDDA4 #B5E4AF

#4B99BB - #79CFAC - #B5E4AF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B99BB 0%, #79CFAC 50%, #B5E4AF 100%);
    background: -webkit-linear-gradient(top, #4B99BB 0%, #79CFAC 50%, #B5E4AF 100%);
    background: linear-gradient(to bottom, #4B99BB 0%, #79CFAC 50%, #B5E4AF 100%);
}
</style>