#74A8C2 - #D9D7CD | 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 #74A8C2 a #D9D7CD

#74A8C2 #D9D7CD

Calcule el color entre dos colores, #74A8C2 y #D9D7CD. 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)

#74A8C2 - #D9D7CD | 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 #74A8C2 como 0% y #D9D7CD como 100%.

0.0%	0.0% #74A8C2	RGB 116 168 194	#74A8C2
16.7%	16.7% #84AFC3	RGB 132 175 195	#84AFC3
33.3%	33.3% #95B7C5	RGB 149 183 197	#95B7C5
50.0%	50.0% #A6BFC7	RGB 166 191 199	#A6BFC7
66.7%	66.7% #B7C7C9	RGB 183 199 201	#B7C7C9
83.3%	83.3% #C8CFCB	RGB 200 207 203	#C8CFCB
100.0%	100.0% #D9D7CD	RGB 217 215 205	#D9D7CD

#74A8C2 #84AFC3 #95B7C5 #A6BFC7 #B7C7C9 #C8CFCB #D9D7CD

#74A8C2 - #D9D7CD

Mezcla HSV

#74A8C2 - #D9D7CD | 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 #74A8C2 como 0% y #D9D7CD como 100%.

0.0%	0.0% #74A8C2	RGB 116 168 194	#74A8C2
16.7%	16.7% #81C5C0	RGB 129 197 192	#81C5C0
33.3%	33.3% #8FC9AC	RGB 143 201 172	#8FC9AC
50.0%	50.0% #9ECDA2	RGB 158 205 162	#9ECDA2
66.7%	66.7% #B9D1AD	RGB 185 209 173	#B9D1AD
83.3%	83.3% #CFD5BD	RGB 207 213 189	#CFD5BD
100.0%	100.0% #D9D7CD	RGB 217 215 205	#D9D7CD

#74A8C2 #81C5C0 #8FC9AC #9ECDA2 #B9D1AD #CFD5BD #D9D7CD

#74A8C2 - #9ECDA2 - #D9D7CD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #74A8C2 0%, #9ECDA2 50%, #D9D7CD 100%);
    background: -webkit-linear-gradient(top, #74A8C2 0%, #9ECDA2 50%, #D9D7CD 100%);
    background: linear-gradient(to bottom, #74A8C2 0%, #9ECDA2 50%, #D9D7CD 100%);
}
</style>