#D1D2DF - #738BA4 | 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 #D1D2DF a #738BA4

#D1D2DF #738BA4

Calcule el color entre dos colores, #D1D2DF y #738BA4. 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)

#D1D2DF - #738BA4 | 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 #D1D2DF como 0% y #738BA4 como 100%.

0.0%	0.0% #D1D2DF	RGB 209 210 223	#D1D2DF
16.7%	16.7% #C1C6D5	RGB 193 198 213	#C1C6D5
33.3%	33.3% #B1BACB	RGB 177 186 203	#B1BACB
50.0%	50.0% #A2AEC1	RGB 162 174 193	#A2AEC1
66.7%	66.7% #92A2B7	RGB 146 162 183	#92A2B7
83.3%	83.3% #8296AD	RGB 130 150 173	#8296AD
100.0%	100.0% #738BA4	RGB 115 139 164	#738BA4

#D1D2DF #C1C6D5 #B1BACB #A2AEC1 #92A2B7 #8296AD #738BA4

#D1D2DF - #738BA4

Mezcla HSV

#D1D2DF - #738BA4 | 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 #D1D2DF como 0% y #738BA4 como 100%.

0.0%	0.0% #D1D2DF	RGB 209 210 223	#D1D2DF
16.7%	16.7% #BFC2D5	RGB 191 194 213	#BFC2D5
33.3%	33.3% #AEB4CB	RGB 174 180 203	#AEB4CB
50.0%	50.0% #9EA8C1	RGB 158 168 193	#9EA8C1
66.7%	66.7% #8F9DB7	RGB 143 157 183	#8F9DB7
83.3%	83.3% #8093AD	RGB 128 147 173	#8093AD
100.0%	100.0% #738BA4	RGB 115 139 164	#738BA4

#D1D2DF #BFC2D5 #AEB4CB #9EA8C1 #8F9DB7 #8093AD #738BA4

#D1D2DF - #9EA8C1 - #738BA4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D1D2DF 0%, #9EA8C1 50%, #738BA4 100%);
    background: -webkit-linear-gradient(top, #D1D2DF 0%, #9EA8C1 50%, #738BA4 100%);
    background: linear-gradient(to bottom, #D1D2DF 0%, #9EA8C1 50%, #738BA4 100%);
}
</style>