#255C92 - #C0D0DF | 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 #255C92 a #C0D0DF

#255C92 #C0D0DF

Calcule el color entre dos colores, #255C92 y #C0D0DF. 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)

#255C92 - #C0D0DF | 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 #255C92 como 0% y #C0D0DF como 100%.

0.0%	0.0% #255C92	RGB 37 92 146	#255C92
16.7%	16.7% #3E6F9E	RGB 62 111 158	#3E6F9E
33.3%	33.3% #5882AB	RGB 88 130 171	#5882AB
50.0%	50.0% #7296B8	RGB 114 150 184	#7296B8
66.7%	66.7% #8CA9C5	RGB 140 169 197	#8CA9C5
83.3%	83.3% #A6BCD2	RGB 166 188 210	#A6BCD2
100.0%	100.0% #C0D0DF	RGB 192 208 223	#C0D0DF

#255C92 #3E6F9E #5882AB #7296B8 #8CA9C5 #A6BCD2 #C0D0DF

#255C92 - #C0D0DF

Mezcla HSV

#255C92 - #C0D0DF | 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 #255C92 como 0% y #C0D0DF como 100%.

0.0%	0.0% #255B92	RGB 37 91 146	#255B92
16.7%	16.7% #386C9E	RGB 56 108 158	#386C9E
33.3%	33.3% #4E7DAB	RGB 78 125 171	#4E7DAB
50.0%	50.0% #6690B8	RGB 102 144 184	#6690B8
66.7%	66.7% #81A4C5	RGB 129 164 197	#81A4C5
83.3%	83.3% #9FB9D2	RGB 159 185 210	#9FB9D2
100.0%	100.0% #C0D0DF	RGB 192 208 223	#C0D0DF

#255B92 #386C9E #4E7DAB #6690B8 #81A4C5 #9FB9D2 #C0D0DF

#255C92 - #6690B8 - #C0D0DF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #255B92 0%, #6690B8 50%, #C0D0DF 100%);
    background: -webkit-linear-gradient(top, #255B92 0%, #6690B8 50%, #C0D0DF 100%);
    background: linear-gradient(to bottom, #255B92 0%, #6690B8 50%, #C0D0DF 100%);
}
</style>