#434062 - #CF8C82 | 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 #434062 a #CF8C82

#434062 #CF8C82

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

#434062 - #CF8C82 | 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 #434062 como 0% y #CF8C82 como 100%.

0.0%	0.0% #434062	RGB 67 64 98	#434062
16.7%	16.7% #5A4C67	RGB 90 76 103	#5A4C67
33.3%	33.3% #71596C	RGB 113 89 108	#71596C
50.0%	50.0% #896672	RGB 137 102 114	#896672
66.7%	66.7% #A07277	RGB 160 114 119	#A07277
83.3%	83.3% #B77F7C	RGB 183 127 124	#B77F7C
100.0%	100.0% #CF8C82	RGB 207 140 130	#CF8C82

#434062 #5A4C67 #71596C #896672 #A07277 #B77F7C #CF8C82

#434062 - #CF8C82

Mezcla HSV

#434062 - #CF8C82 | 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 #434062 como 0% y #CF8C82 como 100%.

0.0%	0.0% #434062	RGB 67 64 98	#434062
16.7%	16.7% #5C4B74	RGB 92 75 116	#5C4B74
33.3%	33.3% #7B5686	RGB 123 86 134	#7B5686
50.0%	50.0% #986192	RGB 152 97 146	#986192
66.7%	66.7% #AA6C8E	RGB 170 108 142	#AA6C8E
83.3%	83.3% #BC7785	RGB 188 119 133	#BC7785
100.0%	100.0% #CF8C82	RGB 207 140 130	#CF8C82

#434062 #5C4B74 #7B5686 #986192 #AA6C8E #BC7785 #CF8C82

#434062 - #986192 - #CF8C82

Códigos CSS

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

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