#514062 - #CDC8D2 | 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 #514062 a #CDC8D2

#514062 #CDC8D2

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

#514062 - #CDC8D2 | 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 #514062 como 0% y #CDC8D2 como 100%.

0.0%	0.0% #514062	RGB 81 64 98	#514062
16.7%	16.7% #655674	RGB 101 86 116	#655674
33.3%	33.3% #7A6D87	RGB 122 109 135	#7A6D87
50.0%	50.0% #8F849A	RGB 143 132 154	#8F849A
66.7%	66.7% #A39AAC	RGB 163 154 172	#A39AAC
83.3%	83.3% #B8B1BF	RGB 184 177 191	#B8B1BF
100.0%	100.0% #CDC8D2	RGB 205 200 210	#CDC8D2

#514062 #655674 #7A6D87 #8F849A #A39AAC #B8B1BF #CDC8D2

#514062 - #CDC8D2

Mezcla HSV

#514062 - #CDC8D2 | 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 #514062 como 0% y #CDC8D2 como 100%.

0.0%	0.0% #514062	RGB 81 64 98	#514062
16.7%	16.7% #635274	RGB 99 82 116	#635274
33.3%	33.3% #766587	RGB 118 101 135	#766587
50.0%	50.0% #8A7B9A	RGB 138 123 154	#8A7B9A
66.7%	66.7% #9F93AC	RGB 159 147 172	#9F93AC
83.3%	83.3% #B6ACBF	RGB 182 172 191	#B6ACBF
100.0%	100.0% #CDC8D2	RGB 205 200 210	#CDC8D2

#514062 #635274 #766587 #8A7B9A #9F93AC #B6ACBF #CDC8D2

#514062 - #8A7B9A - #CDC8D2

Códigos CSS

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

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