#EB6DDB - #431F3E | 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 #EB6DDB a #431F3E

#EB6DDB #431F3E

Calcule el color entre dos colores, #EB6DDB y #431F3E. 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)

#EB6DDB - #431F3E | 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 #EB6DDB como 0% y #431F3E como 100%.

0.0%	0.0% #EB6DDB	RGB 235 109 219	#EB6DDB
16.7%	16.7% #CF60C0	RGB 207 96 192	#CF60C0
33.3%	33.3% #B353A6	RGB 179 83 166	#B353A6
50.0%	50.0% #97468C	RGB 151 70 140	#97468C
66.7%	66.7% #7B3972	RGB 123 57 114	#7B3972
83.3%	83.3% #5F2C58	RGB 95 44 88	#5F2C58
100.0%	100.0% #431F3E	RGB 67 31 62	#431F3E

#EB6DDB #CF60C0 #B353A6 #97468C #7B3972 #5F2C58 #431F3E

#EB6DDB - #431F3E

Mezcla HSV

#EB6DDB - #431F3E | 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 #EB6DDB como 0% y #431F3E como 100%.

0.0%	0.0% #EB6DDB	RGB 235 109 219	#EB6DDB
16.7%	16.7% #CF5FC0	RGB 207 95 192	#CF5FC0
33.3%	33.3% #B352A6	RGB 179 82 166	#B352A6
50.0%	50.0% #97458C	RGB 151 69 140	#97458C
66.7%	66.7% #7B3872	RGB 123 56 114	#7B3872
83.3%	83.3% #5F2B58	RGB 95 43 88	#5F2B58
100.0%	100.0% #431F3E	RGB 67 31 62	#431F3E

#EB6DDB #CF5FC0 #B352A6 #97458C #7B3872 #5F2B58 #431F3E

#EB6DDB - #97458C - #431F3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EB6DDB 0%, #97458C 50%, #431F3E 100%);
    background: -webkit-linear-gradient(top, #EB6DDB 0%, #97458C 50%, #431F3E 100%);
    background: linear-gradient(to bottom, #EB6DDB 0%, #97458C 50%, #431F3E 100%);
}
</style>