#505273 - #CDCDD7 | 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 #505273 a #CDCDD7

#505273 #CDCDD7

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

#505273 - #CDCDD7 | 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 #505273 como 0% y #CDCDD7 como 100%.

0.0%	0.0% #505273	RGB 80 82 115	#505273
16.7%	16.7% #646683	RGB 100 102 131	#646683
33.3%	33.3% #797B94	RGB 121 123 148	#797B94
50.0%	50.0% #8E8FA5	RGB 142 143 165	#8E8FA5
66.7%	66.7% #A3A4B5	RGB 163 164 181	#A3A4B5
83.3%	83.3% #B8B8C6	RGB 184 184 198	#B8B8C6
100.0%	100.0% #CDCDD7	RGB 205 205 215	#CDCDD7

#505273 #646683 #797B94 #8E8FA5 #A3A4B5 #B8B8C6 #CDCDD7

#505273 - #CDCDD7

Mezcla HSV

#505273 - #CDCDD7 | 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 #505273 como 0% y #CDCDD7 como 100%.

0.0%	0.0% #505273	RGB 80 82 115	#505273
16.7%	16.7% #616283	RGB 97 98 131	#616283
33.3%	33.3% #737594	RGB 115 117 148	#737594
50.0%	50.0% #8888A5	RGB 136 136 165	#8888A5
66.7%	66.7% #9D9EB5	RGB 157 158 181	#9D9EB5
83.3%	83.3% #B4B4C6	RGB 180 180 198	#B4B4C6
100.0%	100.0% #CDCDD7	RGB 205 205 215	#CDCDD7

#505273 #616283 #737594 #8888A5 #9D9EB5 #B4B4C6 #CDCDD7

#505273 - #8888A5 - #CDCDD7

Códigos CSS

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

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