#51488B - #D698A8 | 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 #51488B a #D698A8

#51488B #D698A8

Calcule el color entre dos colores, #51488B y #D698A8. 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)

#51488B - #D698A8 | 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 #51488B como 0% y #D698A8 como 100%.

0.0%	0.0% #51488B	RGB 81 72 139	#51488B
16.7%	16.7% #67558F	RGB 103 85 143	#67558F
33.3%	33.3% #7D6294	RGB 125 98 148	#7D6294
50.0%	50.0% #937099	RGB 147 112 153	#937099
66.7%	66.7% #A97D9E	RGB 169 125 158	#A97D9E
83.3%	83.3% #BF8AA3	RGB 191 138 163	#BF8AA3
100.0%	100.0% #D698A8	RGB 214 152 168	#D698A8

#51488B #67558F #7D6294 #937099 #A97D9E #BF8AA3 #D698A8

#51488B - #D698A8

Mezcla HSV

#51488B - #D698A8 | 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 #51488B como 0% y #D698A8 como 100%.

0.0%	0.0% #51488B	RGB 81 72 139	#51488B
16.7%	16.7% #6E5397	RGB 110 83 151	#6E5397
33.3%	33.3% #8D5FA4	RGB 141 95 164	#8D5FA4
50.0%	50.0% #AC6CB0	RGB 172 108 176	#AC6CB0
66.7%	66.7% #BD7AAF	RGB 189 122 175	#BD7AAF
83.3%	83.3% #C988AA	RGB 201 136 170	#C988AA
100.0%	100.0% #D698A8	RGB 214 152 168	#D698A8

#51488B #6E5397 #8D5FA4 #AC6CB0 #BD7AAF #C988AA #D698A8

#51488B - #AC6CB0 - #D698A8

Códigos CSS

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

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